JavaScript ES6+: Panduan Variabel Modern

Revolusi Fitur Modern ECMAScript (ES6+)

JavaScript telah bertransformasi dari sekadar bahasa skrip interaktif sederhana di browser menjadi bahasa serba bisa di frontend dan backend server.

1. Deklarasi: Hindari 'var', Gunakan 'const' & 'let'

var memiliki sifat function-scope dan rawan bug hoisting. Gunakan const sebagai opsi utama untuk variabel immutable, dan let saat nilainya perlu dimutasi.

2. Destructuring & Arrow Functions

// Modern Destructuring & Default Value
const formatUser = ({ name, role = 'Member' }) => {
  return `Halo, ${name}! Status Anda: ${role}.`;
};

console.log(formatUser({ name: 'Ahmad' }));

Sintaks ringkas ini membuat kode lebih bersih, mudah diuji (unit testing), dan minim potensi bug.