> ## Documentation Index
> Fetch the complete documentation index at: https://docs.baenninger.me/llms.txt
> Use this file to discover all available pages before exploring further.

# Hoisting und Temporal Dead Zone (TDZ)

## Hoisting

<AccordionGroup>
  <Accordion title="Hoisting">
    Macht einige Arten von Variablen im Code zugänglich/verwendbar, bevor sie tatsächlich deklariert werden. "Variablen, die an den Anfang ihres Scopes gehoben werden".
  </Accordion>
</AccordionGroup>

Hinter den Kulissen geschieht nun Folgendes: Vor der Ausführung wird der Code nach Variablendeklarationen durchsucht und für jede Variable wird eine neue Eigenschaft im Variable Environment Object erstellt.

Jedoch funktioniert Hoisting nicht für alle Variablentypen gleich:

| Deklaration                              | Hoisted                                                    | Initial Value          | Scope                                   |
| ---------------------------------------- | ---------------------------------------------------------- | ---------------------- | --------------------------------------- |
| `function`-Deklarationen                 | Ja                                                         | Eigentliche Funktion   | Block (Strict Mode: ansonsten Funktion) |
| `var` Variablen                          | Ja                                                         | `undefined`            | Funktion                                |
| `let` und `const` Variablen              | Nein                                                       | `<uninitialized>`, TDZ | Block                                   |
| `function`-Ausdrücke und Pfeilfunktionen | Abhängig davon, ob `var` oder `let`/`const` verwendet wird |                        |                                         |

## Temporal Dead Zone (TDZ)

<Frame caption="Die Temporal Dead Zone">
  <img src="https://mintcdn.com/levexis-38849a2b/fK05ZPeHGTgSfJjo/images/content/web/image-5.png?fit=max&auto=format&n=fK05ZPeHGTgSfJjo&q=85&s=dba95848cbd72f293f800242f3625305" alt="Die Temporal Dead Zone" width="1298" height="604" data-path="images/content/web/image-5.png" />
</Frame>