Una clausura es una función agrupada junto con referencias a las variables de su ámbito (léxico) circundante. Gracias a las clausuras, una función interna conserva el acceso a las variables de su función externa incluso después de que la función externa haya retornado.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count no es accesible desde afuera — solo inc/get pueden verlo. Eso es privacidad de datos construida a partir de una clausura. Y cada llamada a makeCounter() crea un ámbito nuevo y aislado.
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, cada callback cierra sobre el mismo i (que vale 3 para cuando se ejecutan). let crea un enlace nuevo en cada iteración.
Las clausuras impulsan la privacidad de módulos, la memoización, el currying, los manejadores de eventos/callbacks que recuerdan estado, y son exactamente la forma en que los hooks de React (useState) conservan valores entre renderizados.