Co je hoisting?

Question

Co je hoisting?

Accepted Answer

**Hoisting** je chování JavaScriptu, které přesouvá **deklarace** na začátek jejich rozsahu během fáze kompilace, před spuštěním jakéhokoli kódu. Ale *jak* se věc hoistuje, se liší podle typu deklarace.

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

## Co se hoistuje a jak

- **`var`**: deklarace je hoistována a inicializována na `undefined`. Čtení z ní brzy tedy dává `undefined`, nikoli chybu.
- **deklarace `function`**: plně hoistované — můžete je volat před řádkem jejich definice.
- **`let` / `const`**: hoistované, ale **neinicializované**. Nachází se v *Temporal Dead Zone* (TDZ) od začátku bloku až po jejich řádek deklarace; přístup k nim v TDZ vyvolá `ReferenceError`.
- **Výrazy funkcí** (`const f = () => {}`) **nelze** volat brzy — pouze vazba `const`/`var` je hoistována, nikoli samotná funkce.

## Proč je to důležité

Hoisting vysvětluje "proč je to `undefined`?" a "proč volání této funkce před její definicí funguje?" TDZ pro `let`/`const` je vlastně *funkcí* — změní tiché chyby `undefined` na hlasité chyby, což vás podporuje v deklaraci před použitím.