Arrow Functions

Duration: 10 min  •  Difficulty: Medium

Selain kerangka dasar function() klasik, ES6 mengenalkan Arrow Function yang lebih gesit dan menghindari masalah klasik _binding context_ (keyword this).

Cara Kerja

Tradisional:

main.js
function add(a, b) {
return a + b;
}

Arrow Function:

main.js
const add = (a, b) => {
return a + b;
};

Implicit Return

Bila isi fungsi Anda sangat simpel dan padat hingga cukup dalam sebaris kode, keyword return dan struktur {} bisa dihapus sepenuhnya.

main.js
// Sekali tembak. Paling sering dipakai di callback map/filter.
const greet = name => `Halo ${name}!`;
console.log(greet("Raffi")); // Output: Halo Raffi!