> ## 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.

# Closures

Mit Closures können wir auf Variablen zugreifen, die eigentlich gar nicht mehr existieren sollten.

```javascript theme={null}
const secureBooking = function () {
  let passengerCount = 0;

  return function () {
    passengerCount++;
    console.log(`${passengerCount} passengers`);
  };
};

const booker = secureBooking();

booker(); // 1 passengers
booker(); // 2 passengers
booker(); // 3 passengers
```

Hier hat also die Funktion `booker()` Zugriff auf den aktuellen Status der Variable `passengerCount`, obwohl diese nur im äusseren Scope existiert.

<AccordionGroup>
  <Accordion title="Closure">
    * Eine Closure ist ein abgeschlossenes **Variable Environment** des Execution Contexts, in **dem eine Funktion erstellt wurde**, und zwar auch dann noch, wenn dieser Ausführungskontext ***nicht mehr besteht***.
    * Eine Closure ermöglicht einer Funktion den Zugriff auf alle Variablen **der übergeordneten Funktion**, auch ***nachdem*** diese returned wurde. Die Funktion behält einen **Verweis** auf ihren äusseren Bereich, wodurch die Scope Chain über die gesamte Zeit ***erhalten bleibt***.
    * Eine Closure stellt sicher, dass eine Funktion nicht die Verbindung zu **Variablen verliert, die bei der Entstehung der Funktion vorhanden waren**.
    * Eine Closure ist wie ein **Rucksack**, die eine Funktion mit sich herumträgt, wohin sie auch geht. Dieser Rucksack enthält **alle Variablen, die in der Umgebung vorhanden waren, in der die Funktion erstellt wurde**.
  </Accordion>
</AccordionGroup>

<Info>
  Wir müssen keine Closures manuell erstellen, dies ist eine Javascript-Funktion, die automatisch geschieht. Wir können nicht einmal explizit auf abgeschlossene Variablen zugreifen. Ein Closure ist kein greifbares Javascript-Objekt
</Info>

### Beispiele

```javascript theme={null}
let f;

const g = function () {
  const a = 23;

  f = function () {
    console.log(a * 2);
  };
};

g();
f(); // 46

const h = function () {
  const b = 777;

  f = function () {
    console.log(b * 2);
  };
};

// Re-assigning f function
h();
f(); // 1554
```