Замыкание — функция вместе с лексическим окружением, в котором она создана: она помнит переменные внешней функции даже после её завершения. Применение: приватное состояние, фабрики функций, обработчики событий, debounce, мемоизация, хуки React.
А ещё Классическая задача: счётчик через замыкание
Так подсказку видит пользователь sotto на живом собеседовании — за пару секунд, пока вы думаете вслух.
Как работает. Каждая функция при создании получает ссылку на окружение (scope), где она объявлена. При вызове переменные ищутся сначала в собственной области, затем по цепочке внешних. Пока функция-замыкание доступна, её окружение не собирается сборщиком.
Где встречается:
sotto#private полей;debounce, once, memoize — хранят таймер или кэш;Утечки: обработчик, захвативший большой объект и не снятый (removeEventListener), держит этот объект в памяти.
function createCounter() {
let count = 0; // недоступна снаружи
return {
inc: () => ++count,
get: () => count,
};
}
const c = createCounter();
c.inc(); c.inc();
c.get(); // 2sotto слышит вопрос интервьюера и показывает короткий ответ и план, как в блоке «Коротко». Оставьте контакт — пришлём доступ и промокод.