Panduan ini menyoroti perbedaan antara “fungsi ekspresi” yaitu, “var functionName = function() {}” dan “fungsi deklarasi” yaitu, “function functionName() {}” di JavaScript.
Apa itu “var functionName = function() {}”?
Ini ' var functionName = function() {} ” dikenal sebagai “ ekspresi fungsi ”. Ini sedemikian rupa sehingga variabel diberi fungsi dan kemudian didefinisikan. Fungsi yang ditentukan pengguna hanya dapat dipanggil setelah ekspresi fungsi ditetapkan ke variabel saat runtime.
Sintaksis
var functionName = fungsi ( ) { ... } ;
Mari terapkan sintaks yang ditentukan di atas dengan bantuan sebuah contoh.
Contoh 1: Menerapkan “var functionName = function() {}” di JavaScript
Dalam contoh ini, “ var functionName = function() {} ” diterapkan untuk mendefinisikan fungsi dan mengalokasikannya ke variabel.
Kode JavaScript
Pertimbangkan kode JavaScript berikut:
< naskah >adalah functionDemo = fungsi ( ) {
menghibur. catatan ( 'Halo Linuxint' ) ;
} ;
functionDemo ( ) ;
naskah >
Pada baris kode di atas:
- Tentukan fungsi bernama ' functionDemo() ” melalui alokasi ke variabel.
- Dalam definisinya, “ konsol.log() ” metode digunakan untuk mencetak pernyataan tertulis.
- Terakhir, aktifkan fungsi yang ditentukan 'functionDemo()' setelah deklarasinya.
Keluaran
Seperti yang terlihat, konsol menampilkan output dari fungsi yaitu, “ functionDemo() ” berhasil.
Apa itu “fungsi functionName() {}”?
“ fungsi namafungsi() {} ” sesuai dengan “ deklarasi fungsi ”. Ini didefinisikan hanya dengan mendefinisikan fungsi dengan namanya. Fungsi ditugaskan ke pengidentifikasi pada waktu parse.
Sintaksis
fungsi namafungsi ( ) { ... } ;Mari terapkan sintaks yang ditentukan di atas untuk melihat implementasi praktisnya.
Contoh 2: Menerapkan “function functionName() {}” di JavaScript
Contoh ini menerapkan “ fungsi namafungsi() {} ” untuk menjalankan fungsi JavaScript yang ditentukan.
Kode JavaScript
Mari kita lihat kode JavaScript berikut:
< naskah >functionDemo ( ) ;
fungsi functionDemo ( ) {
menghibur. catatan ( 'Halo Linuxint' ) ;
} ;
naskah >
Pada blok kode di atas, fungsi “ functionDemo() ” pertama dipanggil dan kemudian dideklarasikan. Ini menggunakan metode 'console.log()' untuk mengembalikan pesan yang disebutkan.
Keluaran
Output menampilkan hasil dari fungsi yang ditentukan pengguna. Juga, dapat dianalisis bahwa fungsi dapat dipanggil terlepas dari urutan fungsi yang terlibat atau ditentukan.
Perbedaan Antara “var functionName = function() {}” vs “function functionName() {}”
Perbedaan utama antara “ var functionName = function() {} ' ekspresi dan ' fungsi namafungsi() {} ” deklarasi tercantum di bawah ini:
- 'Deklarasi fungsi' ditempatkan di dalam definisi fungsi sementara 'ekspresi fungsi' ditempatkan di luar skripnya sebagai pernyataan penugasan.
- 'Deklarasi fungsi' tidak menghasilkan kesalahan apa pun jika suatu fungsi memanggil sebelumnya. Namun, 'ekspresi fungsi' menghasilkan kesalahan jika pengguna memanggil fungsi sebelum deklarasinya.
Kesimpulan
“ var functionName = function() {} ” adalah ekspresi fungsi sedangkan “ fungsi namafungsi() {} ” dikenal sebagai 'deklarasi fungsi'. 'Fungsi ekspresi' bertindak sebagai pernyataan penugasan dan harus ditugaskan ke variabel sebelum memanggil fungsi. Di sisi lain, 'deklarasi fungsi' dapat diakses terlepas dari urutan pemanggilan. Panduan ini mendemonstrasikan perbedaan antara “ekspresi fungsi” yaitu, “var functionName = function() {}” dan “deklarasi fungsi” yaitu, “function functionName() {}” di JavaScript.