Closure je funkcija povezana s referencama na varijable iz njezine okoline (lexical scope). Zahvaljujući closureu, unutarnja funkcija zadržava pristup varijablama vanjske funkcije čak i nakon što se vanjska funkcija vratila.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count nije dostupan iz vanjskog koda — samo inc/get ga mogu vidjeti. To je privatnost podataka izgrađena od closure-a. A svaki poziv makeCounter() kreira novi, izoliran 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
}
S var, svaki callback se zatvara nad istim i (koji je do tada 3). let kreira novo vezivanje u svakoj iteraciji.
Closure-i daju moć privatnosti modula, memoizaciji, curryingu, event handlere/callbacke koji pamte stanje, i upravo su to kako React hooks (useState) održavaju vrijednosti između renderiranja.