Что такое лексическое окружение?

Лексическое окружение — базовое понятие для понимания работы JavaScript под капотом.

Определение

Лексическое окружение — это структура данных, которая содержит:

• записи о переменных и функциях

• ссылку на внешнее лексическое окружение

Из чего состоит лексическое окружение

1. Environment Record
   Хранит:

   • переменные

   • параметры функций

   • объявления функций

2. Ссылка на внешнее окружение
   Указывает, где искать переменные, если они не найдены локально.

Когда создаётся лексическое окружение

• при выполнении скрипта

• при вызове функции

• при входе в блок {} с let и const

Пример

function example() {
  let x = 5

  function inner() {
    return x
  }

  return inner()
}

Для inner создаётся лексическое окружение, содержащее ссылку на окружение example.

Связь с замыканиями

Замыкание возникает, когда функция сохраняет доступ к лексическому окружению после выхода из него.

Вывод

Лексическое окружение — это основа механизма областей видимости в JavaScript. Оно определяет, какие переменные доступны в конкретной точке выполнения программы.