Fungsi Panah

Fungsi panah menyediakan cara yang lebih singkat untuk menulis fungsi di JavaScript. Fungsi ini sangat praktis untuk fungsi yang singkat dan sederhana.

Ekspresi fungsi panah memiliki sintaks yang lebih singkat dibandingkan ekspresi fungsi dan tidak memiliki binding sendiri untuk kata kunci this, arguments, super, atau new.target. Fungsi panah selalu anonim.

Berikut sintaks dasar fungsi panah:

(param1, param2) => {
	// Isi fungsi
	// ...
	return value; // Pernyataan return opsional
}

Jika fungsi hanya memiliki satu parameter, kamu dapat menghilangkan tanda kurung yang mengapit daftar parameter. Jika isi fungsi hanya memiliki satu ekspresi, kamu dapat menghilangkan kurung kurawal dan kata kunci return. Hasil ekspresi akan dikembalikan secara implisit.

Berikut contoh ekspresi fungsi tradisional:

let add = function(a, b) {
	return a + b;
};

Berikut fungsi yang sama, ditulis sebagai fungsi panah:

let add = (a, b) => a + b;

Dalam contoh ini, tanda kurung di sekitar parameter tetap digunakan karena ada dua parameter. Kurung kurawal dan kata kunci return tidak dicantumkan karena isi fungsi hanya memiliki satu ekspresi.

Berikut contoh lain tanpa parameter:

let greet = () => console.log("Hello!");
greet(); // output: Hello!

Dalam kasus ini, sepasang tanda kurung kosong digunakan untuk menunjukkan bahwa fungsi tersebut tidak memiliki parameter.

Fungsi panah sering digunakan saat kamu perlu meneruskan fungsi singkat sebagai argumen ke fungsi lain.