Una closure è una funzione bundled insieme con riferimenti alle variabili del suo scope circostante (lexical scope). Grazie alle closure, una funzione interna mantiene l'accesso alle variabili della sua funzione esterna anche dopo che la funzione esterna è ritornata.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count non è accessibile da fuori — solo inc/get possono vederla. Questa è data privacy costruita da una closure. E ogni chiamata a makeCounter() crea un nuovo scope isolato.
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
}
Con var, ogni callback si chiude sullo stesso i (che è 3 al momento in cui vengono eseguite). let crea un nuovo binding ad ogni iterazione.
Le closure danno potere a module privacy, memoization, currying, event handler/callback che ricordano lo stato, e sono esattamente come i React hooks (useState) persistono i valori tra i render.