Wozu dient die Verwendung einer Closure in JavaScript?

Schließung (Closure) in JavaScript ist eine Funktion, die sich an die Umgebung erinnert, in der sie erstellt wurde, einschließlich des Zugriffs auf Variablen aus dem äußeren Gültigkeitsbereich, auch wenn diese äußere Funktion bereits beendet wurde.

Wozu ist das nützlich:

• Speicherung des Zustands zwischen Funktionsaufrufen.
• Datenkapselung, Erstellung privater Variablen.
• Implementierung von Funktionen mit Standardparametern oder partieller Anwendung.
• In React-Hooks helfen Closures, den Zugriff auf den Zustand und die Props innerhalb von Funktionen zu bewahren.

Beispiel:

function makeCounter() {
  let count = 0;
  return function() {
    count += 1;
    return count;
  };
}

const counter = makeCounter();
console.log(counter()); // 1
console.log(counter()); // 2

Hier behält die innere Funktion den Zugriff auf die Variable count aus der äußeren Funktion, auch nachdem makeCounter beendet wurde.