Hva er hoisting?

Question

Hva er hoisting?

Accepted Answer

**Hoisting** er JavaScripts oppførsel av å flytte **deklarasjoner** til toppen av sitt område under kompileringsfasen, før noen kode kjøres. Men *hvordan* noe blir hoisted varierer etter deklarasjonstype.

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

## Hva blir hoisted, og hvordan

- **`var`**: deklarasjon hoisted og initialisert til `undefined`. Så lesing av det tidlig gir `undefined`, ikke en feil.
- **`function` deklarasjoner**: fullt hoisted — du kan kalle dem før deres definisjonslinjer.
- **`let` / `const`**: hoisted men **ikke initialisert**. De sitter i *Temporal Dead Zone* (TDZ) fra starten av blokken til deres deklarasjonslinje; tilgang til dem i TDZ kaster en `ReferenceError`.
- **Funksjonsuttrykk** (`const f = () => {}`) er *ikke* oppkallbare tidlig — bare `const`/`var` bindingen er hoisted, ikke funksjonen.

## Hvorfor det er viktig

Hoisting forklarer "hvorfor er dette `undefined`?" og "hvorfor fungerer det å kalle denne funksjonen før dens definisjon?" TDZ for `let`/`const` er faktisk en *funksjon* — det gjør stille `undefined` feil til høye feil, og oppfordrer deg til å deklarere før bruk.