Qu'est-ce que hoisting ?

Question

Accepted Answer

**Hoisting** est le comportement de JavaScript qui déplace les **déclarations** vers le haut de leur scope lors de la phase de compilation, avant l'exécution du code. Mais *comment* quelque chose est hoisté diffère selon le type de déclaration.

```js
console.log(a); // undefined  — `var a` is hoisted & initialized to undefined
var a = 1;

foo();          // "works!" — function declarations are fully hoisted
function foo() { console.log("works!"); }

console.log(b); // ❌ ReferenceError — temporal dead zone
let b = 2;
```

## Qu'est-ce qui est hoisté et comment

- **`var`** : la déclaration est hoistée et initialisée à `undefined`. Donc la lecture précoce donne `undefined`, pas une erreur.
- **déclarations `function`** : entièrement hoistées — vous pouvez les appeler avant la ligne de leur définition.
- **`let` / `const`** : hoistées mais **non initialisées**. Elles se trouvent dans la *Temporal Dead Zone* (TDZ) du début du bloc jusqu'à la ligne de déclaration ; y accéder dans la TDZ lève une `ReferenceError`.
- **Expressions de fonction** (`const f = () => {}`) **ne sont pas** appelables tôt — seule la liaison `const`/`var` est hoistée, pas la fonction.

## Pourquoi c'est important

Hoisting explique « pourquoi est-ce `undefined` ? » et « pourquoi l'appel de cette fonction avant sa définition fonctionne ? » La TDZ pour `let`/`const` est en fait une *fonctionnalité* — elle transforme les bogues `undefined` silencieux en erreurs bruyantes, vous encourageant à déclarer avant utilisation.