En closure er en funktion bundlet sammen med referencer til variabler fra sit omgivende (lexical) scope. På grund af closures beholder en indre funktion adgang til sin ydre funktions variabler selv efter den ydre funktion er returneret.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count er ikke tilgængelig udefra — kun inc/get kan se den. Det er dataprivacy bygget fra en closure. Og hvert kald til makeCounter() opretter et nyt, isoleret 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
}
Med var lukker hver callback sig omkring det samme i (som er 3 når de kører). let skaber en ny binding for hver iteration.
Closures muliggør modulprivacy, memoization, currying, event handlers/callbacks der husker tilstand, og er nøjagtigt hvordan React hooks (useState) bevarer værdier mellem renderings.