JavaScript ES6 Arrow Functions

Arrow Functions adalah salah satu fitur penting dalam JavaScript ES6+ yang memungkinkan kita untuk menulis fungsi dengan sintaksis yang lebih ringkas. Mereka sangat berguna untuk menggantikan fungsi anonim dalam kode Anda.

1. Sintaksis Dasar

// Fungsi biasa
function fungsiBiasa(param) {
  return param * 2;
}

// Arrow Function
const arrowFunction = (param) => param * 2;

2. Penggunaan Tanpa Argumen

Jika fungsi Anda tidak memerlukan argumen, Anda masih perlu menggunakan tanda kurung kosong:

const fungsiTanpaArgumen = () => "Hello, World!";

3. Jika Fungsi Mengembalikan Objek

Anda perlu mengelilingi objek dengan tanda kurung:

const buatObjek = () => ({ nama: "John", usia: 30 });

4. Penggunaan untuk Fungsi Panjang

Arrow functions sangat berguna untuk fungsi yang lebih pendek. Jika fungsi Anda panjang, lebih baik menggunakan fungsi reguler untuk mempertahankan keterbacaan.

5. Konteks this

Arrow functions mengikuti konteks this dari lingkup yang mengelilinginya, sementara fungsi reguler memiliki this sendiri. Ini membuat arrow functions sangat berguna dalam lingkungan seperti event handling.

const obj = {
  nama: "John",
  fungsiBiasa: function () {
    console.log(this.nama); // this mengacu pada objek
  },
  arrowFunction: () => {
    console.log(this.nama); // this mengacu pada konteks global (bukan objek)
  },
};

Sekarang Anda memiliki pemahaman dasar tentang arrow functions dalam JavaScript ES6+. Anda dapat menggunakannya untuk membuat kode JavaScript Anda lebih ringkas dan konsisten.

PREVIOUS
NEXT