Ein Closure ist eine Funktion, die zusammen mit Referenzen zu Variablen aus ihrem umgebenden (lexical) Scope gebündelt ist. Aufgrund von Closures behält eine innere Funktion Zugriff auf die Variablen ihrer äußeren Funktion auch nachdem die äußere Funktion zurückgekehrt ist.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count ist von außen nicht zugänglich — nur inc/get können es sehen. Das ist Datenschutz durch ein Closure. Und jeder Aufruf von makeCounter() erzeugt einen neuen, isolierten Scope.
for (var i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 3, 3, 3 — all share one `i`
}
for (let i = 0; i < 3; i++) {
setTimeout(() => console.log(i), 0); // prints 0, 1, 2 — `let` is per-iteration
}
Mit var schließt jeder Callback über das gleiche i (das 3 ist, wenn sie ausgeführt werden). let erzeugt eine neue Bindung in jeder Iteration.
Closures ermöglichen Moduldatenschutz, Memoization, Currying, Event Handler/Callbacks, die den Zustand speichern, und sind genau das, wie React Hooks (useState) Werte zwischen Renderings persistieren.