Apa perbezaan antara var, let, dan const?

Question

Accepted Answer

Mereka berbeza dalam tiga cara: **scope**, **hoisting behavior**, dan **reassignment**.

```js
function demo() {
  if (true) {
    var a = 1;    // function-scoped — leaks out of the if-block
    let b = 2;    // block-scoped — only exists inside { }
    const c = 3;  // block-scoped, can't be reassigned
  }
  console.log(a); // 1  (var escaped the block)
  console.log(b); // ReferenceError (let stayed in the block)
}
```

## Perbezaan utama

- **`var`** adalah **function-scoped**, hoisted dan diinisialisasi ke `undefined`, dan dapat dideklarasikan semula. Ini menyebabkan kebocoran yang mengejutkan — hindari.
- **`let`** adalah **block-scoped** (`{ }`), dapat diassign kembali, dan berada di *temporal dead zone* hingga baris deklarasinya (mengakses lebih awal membuang kesalahan).
- **`const`** adalah block-scoped dan **tidak dapat diassign kembali** — tetapi perhatikan bahwa binding adalah konstan, *bukan* nilainya:

```js
const user = { name: "Ann" };
user.name = "Bob"; // ✅ allowed — mutating the object, not reassigning
user = {};          // ❌ TypeError — can't rebind `user`
```

## Aturan praktis

Secara default gunakan **`const`**; beralih ke **`let`** hanya ketika Anda harus menetapkan kembali; **jangan pernah gunakan `var`** dalam kode baru. Ini membuat maksud jelas ("ini tidak akan berubah") dan menghindari kebocoran scope dan kebingungan hoisting yang dibawa `var`.