Um closure é uma função agrupada junto com referências às variáveis de seu escopo circundante (léxico). Por causa dos closures, uma função interna mantém acesso às variáveis da função externa mesmo após a função externa ter retornado.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count não é acessível de fora — apenas inc/get podem vê-la. Essa é privacidade de dados construída a partir de um closure. E cada chamada para makeCounter() cria um escopo fresco e isolado.
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
}
Com var, cada callback encerra sobre a mesma i (que é 3 quando elas executam). let cria uma nova associação a cada iteração.
Closures alimentam privacidade de módulo, memoization, currying, manipuladores de eventos/callbacks que lembram estado, e são exatamente como React hooks (useState) persistem valores entre renderizações.