Quelle est la différence entre var, let et const ?

Question

Accepted Answer

Ils diffèrent de trois manières : **scope**, **hoisting behavior** et **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)
}
```

## Les différences clés

- **`var`** est **function-scoped**, hoisted et initialisé à `undefined`, et peut être redéclaré. Cela provoque des fuites surprenantes — évitez-le.
- **`let`** est **block-scoped** (`{ }`), reassignable et vit dans la *temporal dead zone* jusqu'à sa ligne de déclaration (y accéder tôt lève une erreur).
- **`const`** est block-scoped et **ne peut pas être réassigné** — mais notez que la liaison est constante, *pas* la valeur :

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

## Pourquoi c'est important

Par défaut, utilisez **`const`** ; passez à **`let`** uniquement quand vous devez réassigner ; **n'utilisez jamais `var`** dans du nouveau code. Cela rend l'intention claire (« cela ne changera pas ») et évite les fuites de scope et la confusion du hoisting que `var` provoque.