Closure je funkce spojená s referencemi na proměnné ze svého okolního (lexical) rozsahu. Díky closure mohou vnitřní funkce uchovávat přístup k proměnným vnější funkce i po tom, co vnější funkce skončí.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count není přístupný zvenčí — pouze inc/get jej mohou vidět. To je ochrana dat vytvořená pomocí closure. A každé volání makeCounter() vytvoří nový, izolovaný rozsah.
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
}
S var se každé callback uzavírá nad stejným i (což je 3 v moment jejich spuštění). let vytváří novou vazbu v každé iteraci.
Closure umožňují moduly s privátními daty, memoizaci, currying, obslužné programy událostí/callback, které si pamatují stav, a jsou přesně tím, jak React hooks (useState) zachovávají hodnoty mezi renderováními.