Function Declaration vs Expression – JavaScript

Function Declaration

Function Declaration adalah sebuah fungsi yang memiliki nama. Deklarasi fungsi ini bisa di awal atau akhir kode program, karena fungsi jenis ini bisa dipanggil meski belum dideklarasikan di awal baris program. Contohnya adalah sebagai berikut:

const hitung = luasSegiEmpat(2, 3);
console.log('Luas segi empat 2 x 3: ', hitung);

function luasSegiEmpat(panjang, lebar) {
 return panjang*lebar;
}

Hasilnya sebagai berikut:

Function Expression

Function Expression adalah sebuah fungsi yang langsung di-assign kepada sebuah variabel, jadi fungsi ini tidak memiliki nama atau nama fungsi melekat pada variabel. Function expression harus dibuat di awal baris program sebelum dipanggil, kalau tidak akan menghasilkan error. Contohnya sebagai berikut:

const luasSegiEmpat = function(panjang, lebar) {
 return panjang*lebar;
}

const hitung = luasSegiEmpat(3, 4);
console.log('Luas segi empat 3 x 4: ', hitung);

Hasilnya sebagai berikut:

Jika function expression dipanggil sebelum deklarasi:

const hitung = luasSegiEmpat(3, 4);
const luasSegiEmpat = function(panjang, lebar) {
 return panjang*lebar;
}

console.log('Luas segi empat 3 x 4: ', hitung);

Hasilnya sebagai berikut: