> Что такое лексическое окружение в JavaScript и как оно работает (JavaScript)

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

Лексическое окружение (Lexical Environment) - это внутренняя структура JavaScript, которая хранит переменные и функции, объявленные в области видимости, а также ссылку на внешнее окружение. Оно создаётся при каждом вызове функции, блоке кода или глобальном выполнении. Работает как цепочка: при поиске переменной JS сначала ищет в текущем окружении, затем во внешнем и так до глобального.

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

Лексическое окружение состоит из двух частей:

• Environment Record - объект, хранящий локальные переменные, объявления функций и параметры (для функций).
• Ссылка на внешнее окружение (outer) - ссылка на родительское лексическое окружение, где функция была определена.

Когда выполняется код, движок создаёт новое лексическое окружение для:

• глобального контекста (самое верхнее);
• каждого вызова функции;
• каждого блока {...} с let/const (но не var).

Поиск переменной работает по цепочке: текущее окружение → внешнее → ... → глобальное. Если переменная не найдена - ReferenceError.

Замыкания (closures) основаны на этом механизме: функция запоминает своё внешнее окружение даже после завершения внешней функции.

На практике

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

Пример кода

JAVASCRIPT
function outer() {
  let x = 10;
  function inner() {
    console.log(x); // 10 - inner находит x во внешнем окружении
  }
  return inner;
}

const closureFn = outer();
closureFn(); // 10 - окружение outer сохранено

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

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

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

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

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

• Путать лексическое окружение с контекстом выполнения (execution context) - это разные вещи, хотя связаны.
• Думать, что лексическое окружение создаётся только для функций - на самом деле для блоков тоже (с let/const).
• Считать, что замыкание копирует переменные - на самом деле оно хранит ссылку на окружение.
• Забывать, что var не создаёт блочное окружение, а попадает в функциональное или глобальное.