> Всегда ли замыкание в JavaScript хранит один и тот же экземпляр внешних данных (JavaScript)

Короткий ответ

Нет, не всегда. Замыкание хранит ссылку на переменные из внешней области видимости, а не их копию. Если внешняя переменная изменяется, замыкание будет видеть актуальное значение на момент вызова, а не на момент создания. Исключение - параметры функций, которые захватываются по значению.

Подробное объяснение

Замыкание в JavaScript - это комбинация функции и её лексического окружения. При создании замыкания оно получает доступ не к копии переменных, а к ссылке на их актуальное состояние в момент выполнения. Это означает, что если внешняя переменная меняется после создания замыкания, замыкание увидит новое значение.

Ключевой момент: замыкание хранит ссылку на всё лексическое окружение, а не на конкретный экземпляр переменной. Поэтому в циклах с var все замыкания будут ссылаться на одну и ту же переменную, которая после завершения цикла равна последнему значению. С let каждое замыкание получает свой экземпляр, так как let создаёт новое окружение на каждой итерации.

Параметры функции - исключение: они захватываются по значению в момент вызова внешней функции. Если внешняя функция вызывается многократно, каждый вызов создаёт свой экземпляр параметра.

На практике

Эта особенность критична при работе с асинхронным кодом, обработчиками событий и колбэками в циклах. Классическая проблема - потеря актуального значения переменной в setTimeout внутри цикла. Решается использованием let, IIFE (immediately invoked function expression) или замыкания через фабрику функций.

В современных приложениях на React эта проблема часто проявляется при использовании хуков: если не указать зависимости, замыкание может захватить устаревшее значение из прошлого рендера.

Пример кода

JAVASCRIPT
// Проблема с var
for (var i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100); // 3, 3, 3
}

// Решение с let
for (let i = 0; i < 3; i++) {
  setTimeout(() => console.log(i), 100); // 0, 1, 2
}

// Параметры захватываются по значению
function createCounter(start) {
  return function() {
    return start++; // start - копия, не ссылка
  };
}
const counter = createCounter(5);
console.log(counter()); // 5
console.log(counter()); // 6

Как отвечать на собеседовании

Начни с чёткого отрицательного ответа. Объясни разницу между хранением ссылки и копии. Приведи пример с циклом и var vs let. Упомяни, что параметры функций - исключение. Покажи понимание лексического окружения и области видимости. Заверши практическим советом: для избежания проблем используй let, IIFE или фабрики функций.

Что проверяет интервьюер

• Понимание механизма замыканий и лексического окружения
• Знание разницы между var, let, const в контексте замыканий
• Умение предсказывать поведение кода с асинхронными операциями
• Способность объяснить, почему параметры функций ведут себя иначе
• Практический опыт решения проблем с устаревшими значениями в замыканиях

Типичные ошибки

• Утверждение, что замыкание хранит копию переменной
• Игнорирование разницы между var и let в циклах
• Путаница между захватом переменной и захватом её значения
• Непонимание, что каждый вызов внешней функции создаёт новое замыкание
• Предложение использовать var с IIFE как единственное решение, забывая про let