Closure je funkcija, ki je povezana s sklici na spremenljivke iz svojega okoliščega (leksikalnega) območja. Zaradi closure-jev ima notranja funkcija dostop do spremenljivk zunanje funkcije tudi potem, ko se je zunanja funkcija vrnila.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count ni dostopna od zunaj — samo inc/get jo lahko vidita. To je zasebnost podatkov, zgrajena na osnovi closure-ja. In vsak klic makeCounter() ustvari novo, izolirano območje.
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 se vsak callback zapre nad isto spremenljivko i (ki ima vrednost 3, ko se izvršijo). let ustvari novo vezavo pri vsaki iteraciji.
Closure-ji omogočajo zasebnost modulov, memoization, currying, obdelovalce dogodkov/callback-e, ki si zapomnijo stanje, in so natanko tako, kako React hooks (useState) ohranjajo vrednosti med upodabljanjem.