Kaj je hoisting?

Question

Kaj je hoisting?

Accepted Answer

**Hoisting** je vedenje JavaScripta, ki premakne **deklaracije** na vrh njihove obsega med fazo prevajanja, preden se izvede kateri koli kód. Toda *kako* se kaj dvigne, se razlikuje glede na vrsto deklaracije.

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

## Kaj se dvigne in kako

- **`var`**: deklaracija dvignjena in inicializirana na `undefined`. Torej njeno zgodnje branje daje `undefined`, ne napake.
- **Deklaracije `function`**: v celoti dvignjene — jih lahko kličete pred vrstico njihove definicije.
- **`let` / `const`**: dvignjene, ampak **ne inicializirane**. Nahajajo se v *Temporal Dead Zone* (TDZ) od začetka bloka do njihove deklaracijske vrstice; dostop do njih v TDZ vrže `ReferenceError`.
- **Izrazom funkcije** (`const f = () => {}`) *ne* morete klicati zgodaj — samo vezava `const`/`var` je dvignjena, ne funkcija.

## Zakaj je to važno

Hoisting pojasnjuje "zakaj je to `undefined`?" in "zakaj deluje klicanje te funkcije pred njeno definicijo?" TDZ za `let`/`const` je pravzaprav *funkcija* — tihe napake `undefined` spremeni v glasne napake, kar vas spodbuja k deklaraciji pred uporabo.