¿Qué es el hoisting?

Question

Accepted Answer

El **hoisting** es el comportamiento de JavaScript que mueve las **declaraciones** al inicio de su ámbito durante la fase de compilación, antes de que se ejecute cualquier código. Pero *cómo* se eleva algo depende del tipo de declaración.

```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é se eleva, y cómo

- **`var`**: la declaración se eleva y se inicializa con `undefined`. Por eso leerlo antes de tiempo da `undefined`, no un error.
- **Declaraciones `function`**: se elevan por completo — puedes llamarlas antes de la línea donde se definen.
- **`let` / `const`**: se elevan pero **no se inicializan**. Permanecen en la *Zona Muerta Temporal (Temporal Dead Zone, TDZ)* desde el inicio del bloque hasta la línea de su declaración; acceder a ellos en la TDZ lanza un `ReferenceError`.
- **Expresiones de función** (`const f = () => {}`) *no* se pueden llamar antes de tiempo — solo se eleva el enlace `const`/`var`, no la función.

## Por qué es importante

El hoisting explica "¿por qué esto es `undefined`?" y "¿por qué funciona llamar a esta función antes de su definición?" La TDZ para `let`/`const` es en realidad una *característica*: convierte errores silenciosos de `undefined` en errores ruidosos, animándote a declarar antes de usar.