JavaScript

Memahami Sintaks Arrow Function di JavaScript (ES6+)

Arrow Function adalah cara penulisan fungsi yang lebih ringkas dan modern dalam JavaScript yang diperkenalkan pada standar ES6. Selain memperpendek baris kode, arrow function memiliki perilaku unik pada konteks this (bersifat leksikal), sehingga sangat efektif digunakan untuk fungsi anonim (anonymous functions) dan pemrosesan data dalam array methods seperti map atau filter.

/**
 * Perbandingan Fungsi Konvensional vs Arrow Function
 */

// 1. Fungsi Konvensional (Lama)
function tambah(a, b) {
  return a + b;
}

// 2. Arrow Function (Lengkap)
const tambahArrow = (a, b) => {
  return a + b;
};

// 3. Arrow Function (Satu Baris - Implicit Return)
const kali = (a, b) => a * b;

// 4. Arrow Function dengan Satu Parameter (Tanpa Kurung)
const kuadrat = x => x * x;

// 5. Contoh Penggunaan dalam Array Map
const angka = [1, 2, 3];
const hasil = angka.map(n => n * 2);

console.log(hasil); // Output: [2, 4, 6]

10 Views