O que é hoisting?

Question

O que é hoisting?

Accepted Answer

**Hoisting** é o comportamento do JavaScript de mover **declarações** para o topo de seu escopo durante a fase de compilação, antes de qualquer código ser executado. Mas *como* algo é feito hoisting difere dependendo do tipo de declaração.

```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;
```

## O que é feito hoisting e como

- **`var`**: declaração é feita hoisting e inicializada como `undefined`. Então lê-la cedo dá `undefined`, não um erro.
- **Declarações `function`**: completamente hoisted — você pode chamá-las antes de sua linha de definição.
- **`let` / `const`**: hoisted mas **não inicializados**. Eles ficam na *Temporal Dead Zone* (TDZ) do início do bloco até sua linha de declaração; acessá-los na TDZ lança um `ReferenceError`.
- **Expressões de função** (`const f = () => {}`) *não* são chamáveis cedo — apenas a ligação `const`/`var` é hoisted, não a função.

## Por que isso importa

Hoisting explica "por que isso é `undefined`?" e "por que chamar essa função antes de sua definição funciona?" A TDZ para `let`/`const` é na verdade um *recurso* — transforma bugs silenciosos de `undefined` em erros visíveis, encorajando você a declarar antes de usar.