Closure on funktio, joka on yhdistetty viitteisiin sen ympäröivän (lexical) scope:n muuttujiin. Closuresien ansiosta sisäfunktio säilyttää pääsyn ulomman funktion muuttujiin jopa sen jälkeen, kun ulompi funktio on palauttanut.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count ei ole saavutettavissa ulkoapäin — vain inc/get voivat nähdä sen. Tämä on tietosuoja, joka on rakennettu closuresta. Ja jokainen kutsu makeCounter():iin luo uuden, eristetyn scope:n.
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
}
var:n kanssa jokainen callback sulkeutuu samaan i:hin (joka on 3 silloin kun ne suoritetaan). let luo uuden sidonnan jokaisella iteraatiolla.
Closures mahdollistavat moduulin yksityisyyden, memoization:in, currying:in, event handler/callback:it jotka muistavat tilan, ja ovat täsmälleen sillä tavalla, jolla React hooks (useState) säilyttävät arvoja renderin välillä.