Ce este hoisting?

Question

Ce este hoisting?

Accepted Answer

**Hoisting** este comportamentul JavaScript care mută **declarații** în vârful domeniului lor în faza de compilare, înainte ca orice cod să ruleze. Dar *cum* se face hoisting pentru ceva diferă în funcție de tipul de declarație.

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

## Ce se face hoisting și cum

- **`var`**: declarația este hoisted și inițializată la `undefined`. Deci citirea sa mai devreme dă `undefined`, nu o eroare.
- **Declarații `function`**: complet hoisted — le puteți apela înainte de linia de definiție.
- **`let` / `const`**: hoisted dar **nu inițializate**. Ele stau în *Temporal Dead Zone* (TDZ) de la începutul blocului până la linia lor de declarație; accesarea lor în TDZ aruncă o `ReferenceError`.
- **Expresii de funcție** (`const f = () => {}`) *nu* sunt apelabile devreme — doar legarea `const`/`var` este hoisted, nu funcția.

## De ce este important

Hoisting explică "de ce este acesta `undefined`?" și "de ce funcționează apelarea acestei funcții înainte de definiția sa?" TDZ pentru `let`/`const` este de fapt o *caracteristică* — transformă bug-urile silențioase `undefined` în erori gălăgioase, încurajând să declarați înainte de utilizare.