Function Declaration vs Expression – JavaScript

boibolang - Jan 20 - - Dev Community

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;
}
Enter fullscreen mode Exit fullscreen mode

Hasilnya sebagai berikut:

result

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);
Enter fullscreen mode Exit fullscreen mode

Hasilnya sebagai berikut:

result

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);
Enter fullscreen mode Exit fullscreen mode

Hasilnya sebagai berikut:

result

. . . . . . . . . . . . . . . . . . . .