En closure är en funktion som är bunden tillsammans med referenser till variabler från sitt omgivande (lexikala) omfång. På grund av closures bibehåller en inre funktion åtkomst till sin yttre funktions variabler även efter att den yttre funktionen har returnerats.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count är inte åtkomlig från utsidan — endast inc/get kan se den. Det är dataintegritet byggd från en closure. Och varje anrop till makeCounter() skapar ett nytt, isolerat omfång.
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
}
Med var sluter varje callback över samma i (vilket är 3 när de körs). let skapar en ny bindning vid varje iteration.
Closures ger kraft till modulintegritet, memoization, currying, event handlers/callbacks som kommer ihåg tillstånd, och är exakt hur React hooks (useState) bevarar värden mellan renderingar.