Closure — это функция, объединённая со ссылками на переменные из своего окружающего (лексического) области видимости. Благодаря closures внутренняя функция сохраняет доступ к переменным внешней функции даже после того, как внешняя функция вернула управление.
() {
count = ;
{
: ++count,
: count,
};
}
a = ();
b = ();
a.(); a.();
b.();
count недоступна извне — её могут видеть только inc/get. Это приватность данных, достигнутая с помощью closure. И каждый вызов makeCounter() создаёт новую, изолированную область видимости.
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
}
С var каждый callback замыкается над одной и той же переменной i (которая равна 3 к моменту их выполнения). let создаёт новую привязку на каждой итерации.
Closures обеспечивают приватность модуля, memoization, currying, обработчики событий/callbacks, которые помнят состояние, и именно так React hooks (useState) сохраняют значения между рендерами.