Что такое closure (замыкание)?

Замыкание (closure) — это фундаментальная концепция в JavaScript, возникающая при комбинации функции и лексического окружения, в котором эта функция была объявлена. Лексическое окружение содержит все локальные переменные, доступные в момент создания функции. Когда функция возвращает другую функцию, внутренняя функция сохраняет ссылку на это окружение, даже если внешняя функция уже завершила выполнение.

Как это работает

Движок JavaScript создаёт лексическое окружение для каждой выполняемой функции. Это окружение включает в себя локальные переменные, аргументы функции и ссылку на внешнее лексическое окружение (цепочка областей видимости). Когда функция завершается, обычно её окружение удаляется сборщиком мусора. Однако, если внутренняя функция, объявленная внутри неё, продолжает существовать (например, возвращается или присваивается в переменную), то ссылка на это окружение сохраняется, предотвращая его удаление. Это и есть замыкание.

Где применяются замыкания

• Приватные переменные: Создание переменных, недоступных извне, но доступных для внутренних функций.
• Каррирование и частичное применение: Фиксация некоторых аргументов функции для создания новой функции.
• Обработчики событий и колбэки: Сохранение контекста (например, переменной цикла) для асинхронных операций.
• Модули и паттерн «Модуль»: Инкапсуляция логики и состояния.

Пример кода

function createCounter() {
  let count = 0; // Приватная переменная, доступная только через замыкание

  return function() {
    count += 1;
    return count;
  };
}

const counter = createCounter();
console.log(counter()); // 1
console.log(counter()); // 2
console.log(counter()); // 3
// Переменная count недоступна напрямую извне

В этом примере функция createCounter создаёт локальную переменную count и возвращает внутреннюю функцию, которая увеличивает и возвращает её значение. Каждый вызов counter() изменяет одно и то же лексическое окружение, поэтому значение count сохраняется между вызовами.

Важные аспекты

• Замыкания могут приводить к утечкам памяти, если неосторожно хранить ссылки на большие объекты.
• В циклах создание функций внутри цикла требует осторожности, чтобы каждая функция захватывала правильное значение переменной (часто решается с помощью let или дополнительной функции-обёртки).

Вывод: Замыкания — мощный инструмент для управления областью видимости и состоянием в JavaScript. Их стоит применять, когда нужно инкапсулировать данные, создать функции с памятью или реализовать такие паттерны, как модули и фабрики.