Arrow Function di JavaScript
Penjelasan
Arrow function adalah sintaks ringkas untuk menulis function expression, diperkenalkan di ES6. Selain lebih pendek, arrow function tidak punya this miliknya sendiri — this di dalam arrow function mengikuti this dari scope di luarnya (penting saat dipakai di dalam class atau callback).
Contoh Konsep
// Function biasa
const kalikanDua = function (angka) {
return angka * 2;
};
// Arrow function (setara)
const kalikanDuaArrow = (angka) => angka * 2;
console.log(kalikanDuaArrow(5)); // 10
// Sering dipakai langsung di method array
const hasil = [1, 2, 3].map((n) => n * 10);
console.log(hasil); // [10, 20, 30]Praktikum
Buat arrow function hitungPajak yang menerima parameter harga, dan mengembalikan harga + (harga * 0.1). Panggil dengan angka 100, lalu tampilkan hasilnya.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Kalau body arrow function cuma satu baris return, kamu bisa hilangkan kurung kurawal dan kata return (mis. (n) => n * 2) — dikenal sebagai implicit return.