Closure to funkcja spakowana razem z referencjami do zmiennych z jej otaczającego (leksykalnego) zakresu. Dzięki closures wewnętrzna funkcja ma dostęp do zmiennych funkcji zewnętrznej nawet po tym, jak funkcja zewnętrzna zwróciła kontrolę.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count nie jest dostępna z zewnątrz — tylko inc/get mogą ją widzieć. To jest prywatność danych zbudowana za pomocą closure. A każde wywołanie makeCounter() tworzy nowy, izolowany zakres.
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
}
Z var, każda callback zamyka się nad tą samą i (która wynosi 3 do momentu ich uruchomienia). let tworzy nowe wiązanie w każdej iteracji.
Closures napędzają prywatność modułu, memoization, currying, handlery zdarzeń/callbacki pamiętające stan i to dokładnie jak React hooks (useState) utrzymują wartości między renderowaniami.