Vad är hoisting?

Question

Vad är hoisting?

Accepted Answer

**Hoisting** är JavaScripts beteende att flytta **deklarationer** till toppen av deras scope under kompileringsfasen, innan någon kod körs. Men *hur* något hissas upp skiljer sig åt beroende på deklarationstyp.

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

## Vad som hissas upp, och hur

- **`var`**: deklaration hissas upp och initialiseras till `undefined`. Så om man läser det tidigt får man `undefined`, inte ett fel.
- **`function`-deklarationer**: helt hissade upp — du kan anropa dem före deras definitionslinje.
- **`let` / `const`**: hissade upp men **inte initialiserade**. De sitter i den *Temporal Dead Zone* (TDZ) från början av blocket tills deras deklarationslinje; åtkomst i TDZ kastar ett `ReferenceError`.
- **Funktionsuttryck** (`const f = () => {}`) är *inte* anropbara tidigt — bara `const`/`var`-bindningen hissas upp, inte funktionen.

## Varför det är viktigt

Hoisting förklarar "varför är detta `undefined`?" och "varför fungerar det att anropa denna funktion före dess definition?". TDZ för `let`/`const` är faktiskt en *feature* — den omvandlar tysta `undefined`-buggar till höga fel, som uppmuntrar dig att deklarera före användning.