Was ist hoisting?

Question

Was ist hoisting?

Accepted Answer

**Hoisting** ist das Verhalten von JavaScript, bei dem **Deklarationen** während der Kompilierungsphase an den Anfang ihres Gültigkeitsbereichs verschoben werden, bevor Code ausgeführt wird. Aber *wie* etwas hochgezogen wird, unterscheidet sich je nach 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;
```

## Was wird hochgezogen und wie

- **`var`**: Deklaration wird hochgezogen und auf `undefined` initialisiert. Das frühe Lesen ergibt also `undefined`, nicht einen Fehler.
- **`function`-Deklarationen**: vollständig hochgezogen — Sie können sie vor ihrer Definitionszeile aufrufen.
- **`let` / `const`**: hochgezogen aber **nicht initialisiert**. Sie befinden sich in der *Temporal Dead Zone* (TDZ) vom Anfang des Blocks bis zu ihrer Deklarationszeile; der Zugriff darauf in der TDZ wirft einen `ReferenceError`.
- **Funktionsausdrücke** (`const f = () => {}`) sind **nicht** früh aufrufbar — nur die `const`/`var`-Bindung wird hochgezogen, nicht die Funktion.

## Warum es wichtig ist

Hoisting erklärt "warum ist dies `undefined`?" und "warum funktioniert der Aufruf dieser Funktion vor ihrer Definition?" Die TDZ für `let`/`const` ist tatsächlich ein *Feature* — sie verwandelt stille `undefined`-Fehler in laute Fehler und ermutigt Sie, vor der Verwendung zu deklarieren.