Terangkan var functionName = function() {} vs function functionName() {} dalam JavaScript

Terangkan Var Functionname Function Vs Function Functionname Dalam Javascript



Fungsi sepadan dengan set pernyataan yang melaksanakan tugas yang ditentukan. Ia boleh dipanggil atau dipanggil di mana-mana dalam program mengikut keperluan pengguna dengan bantuan namanya. Sebelum memanggil fungsi tersebut, pengguna harus mentakrifkannya melalui nama dan badannya. Selain itu, fungsi itu juga boleh ditulis atau ditakrifkan sebagai pernyataan tugasan 'var functionName = function() {} ', atau menggunakan pernyataan pengisytiharan 'function functionName() {}' dalam JavaScript.

Panduan ini menyerlahkan perbezaan antara 'ungkapan fungsi' iaitu, 'var functionName = function() {}' dan 'function declaration' iaitu, 'function functionName() {}' dalam JavaScript.

Apakah 'var functionName = function() {}'?

Ini ' var functionName = function() {} 'dikenali sebagai' ungkapan fungsi ”. Ia sedemikian rupa sehingga pembolehubah diberikan fungsi dan kemudian ditakrifkan. Fungsi yang ditakrifkan pengguna hanya boleh dipanggil selepas ungkapan fungsi ditugaskan kepada pembolehubah semasa masa jalan.







Sintaks



var functionName = fungsi ( ) { ... } ;

Mari kita laksanakan sintaks yang ditakrifkan di atas dengan bantuan contoh.



Contoh 1: Menggunakan 'var functionName = function() {}' dalam JavaScript

Dalam contoh ini, “ var functionName = function() {} ” digunakan untuk mentakrifkan fungsi dan memperuntukkannya kepada pembolehubah.





Kod JavaScript

Pertimbangkan kod JavaScript berikut:

< skrip >

adalah functionDemo = fungsi ( ) {

konsol. log ( 'Hello Linuxhint' ) ;

} ;

functionDemo ( ) ;

skrip >

Dalam baris kod di atas:



  • Tentukan fungsi bernama “ functionDemo() ” melalui peruntukan kepada pembolehubah.
  • Dalam definisinya, ' console.log() ” kaedah digunakan untuk mencetak penyata bertulis.
  • Akhir sekali, gunakan fungsi yang ditentukan 'functionDemo()' selepas pengisytiharannya.

Pengeluaran

Seperti yang dilihat, konsol menunjukkan output fungsi iaitu, ' functionDemo() ” dengan jayanya.

Apakah itu 'function functionName() {}'?

' function functionName() {} ” sepadan dengan “ pengisytiharan fungsi ”. Ia ditakrifkan hanya dengan mentakrifkan fungsi dengan namanya. Fungsi ini diberikan kepada pengecam pada masa parse.

Sintaks

nama fungsi fungsi ( ) { ... } ;

Mari gunakan sintaks yang ditakrifkan di atas untuk melihat pelaksanaan praktikalnya.

Contoh 2: Menggunakan 'function functionName() {}' dalam JavaScript

Contoh ini menggunakan ' function functionName() {} ” untuk melaksanakan fungsi JavaScript yang ditentukan.

Kod JavaScript

Mari lihat kod JavaScript berikut:

< skrip >

functionDemo ( ) ;

fungsi fungsiDemo ( ) {

konsol. log ( 'Hello Linuxhint' ) ;

} ;

skrip >

Dalam blok kod di atas, fungsi ' functionDemo() ” mula-mula dipanggil dan kemudian diisytiharkan. Ia menggunakan kaedah 'console.log()' untuk mengembalikan mesej yang dinyatakan.

Pengeluaran

Output memaparkan hasil fungsi yang ditentukan pengguna. Juga, ia boleh dianalisis bahawa fungsi boleh digunakan tanpa mengira urutan fungsi yang terlibat atau ditakrifkan.

Perbezaan Antara 'var functionName = function() {}' vs 'function functionName() {}'

Perbezaan utama antara ' var functionName = function() {} ' ungkapan dan ' function functionName() {} ” pengisytiharan disenaraikan di bawah:

  • 'Pengisytiharan fungsi' diletakkan di dalam definisi fungsi manakala 'ungkapan fungsi' diletakkan di luar skripnya sebagai pernyataan tugasan.
  • 'Pengisytiharan fungsi' tidak menjana sebarang ralat jika fungsi memanggil sebelum itu. Walau bagaimanapun, 'ungkapan fungsi' menjana ralat jika pengguna memanggil fungsi sebelum pengisytiharannya.

Kesimpulan

' var functionName = function() {} ” ialah ungkapan fungsi manakala “ function functionName() {} ” dikenali sebagai “pengisytiharan fungsi”. 'Ungkapan fungsi' bertindak sebagai pernyataan tugasan dan mesti diberikan kepada pembolehubah sebelum menggunakan fungsi. Sebaliknya, 'pengisytiharan fungsi' boleh diakses tanpa mengira urutan pemanggilan. Panduan ini menunjukkan perbezaan antara 'ungkapan fungsi' iaitu, 'var functionName = function() {}' dan 'function declaration' iaitu, 'function functionName() {}' dalam JavaScript.