Hvad er hoisting?

Question

Hvad er hoisting?

Accepted Answer

**Hoisting** er JavaScripts opførsel, hvor **deklarationer** flyttes til toppen af deres scope under kompileringsfasen, før koden kører. Men *hvordan* noget hoistet afhænger af deklarationstypen.

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

## Hvad bliver hoistet, og hvordan

- **`var`**: deklaration hoistet og initialiseret til `undefined`. Så læsning af det tidligt giver `undefined`, ikke en fejl.
- **`function`-deklarationer**: fuldt hoistet — du kan kalde dem før deres definitionslinje.
- **`let` / `const`**: hoistet men **ikke initialiseret**. De sidder i *Temporal Dead Zone* (TDZ) fra blokens start til deres deklarationslinje; adgang til dem i TDZ kaster en `ReferenceError`.
- **Funktionsudtryk** (`const f = () => {}`) kan **ikke** kaldes tidligt — kun `const`/`var`-bindingen er hoistet, ikke funktionen.

## Hvorfor det betyder noget

Hoisting forklarer "hvorfor er dette `undefined`?" og "hvorfor virker det at kalde denne funktion før dens definition?" TDZ for `let`/`const` er faktisk en *feature* — den gør stille `undefined`-fejl til høje fejl, hvilket opfordrer dig til at deklarere før brug.