Wat is het verschil tussen var, let en const?

Question

Accepted Answer

Ze verschillen op drie manieren: **scope**, **hoisting behavior** en **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)
}
```

## De belangrijkste verschillen

- **`var`** is **function-scoped**, hoisted en geïnitialiseerd naar `undefined`, en kan opnieuw worden gedeclareerd. Dit veroorzaakt verrassende leaks — vermijd dit.
- **`let`** is **block-scoped** (`{ }`), kan opnieuw worden toegewezen, en bevindt zich in de *temporal dead zone* tot zijn declaratieregel (vroegtijdig toegang werpt een fout).
- **`const`** is block-scoped en **kan niet opnieuw worden toegewezen** — maar houd er rekening mee dat de binding constant is, *niet* de waarde:

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

## Vuistregel

Gebruik standaard **`const`**; schakel naar **`let`** alleen wanneer u opnieuw moet toewijzen; **gebruik nooit `var`** in nieuwe code. Dit maakt de intentie duidelijk ("dit zal niet veranderen") en vermijdt de scope leaks en hoisting verwarring die `var` met zich meebrengt.