O closure este o funcție care este legată împreună cu referințe la variabilele din domeniul înconjurător (lexical). Din cauza closures, o funcție internă păstrează acces la variabilele funcției externe chiar și după ce funcția externă s-a întors.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count nu este accesibilă din exterior — doar inc/get o pot vedea. Aceasta este confidențialitate a datelor construită din closure. Și fiecare apel la makeCounter() creează un domeniu nou și izolat.
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
}
Cu var, fiecare callback se închide peste același i (care este 3 până când sunt executate). let creează o nouă legare la fiecare iterație.
Closures alimentează confidențialitate de modul, memoization, currying, handlere de evenimente/callbacks care reținmint starea, și sunt exact cum React hooks (useState) mențin valorile între redări.