Как функция получает доступ к внешней области видимости?

Доступ функции к внешним переменным — это результат работы лексической модели областей видимости в JavaScript.

Как формируется доступ к внешним данным

Когда функция создаётся, движок JavaScript:

1. Фиксирует лексическое окружение
   Функция «привязывается» к области видимости, в которой она была объявлена, а не вызвана.

2. Создаёт ссылку на внешнее окружение
   Эта ссылка используется при поиске переменных.

3. Использует цепочку областей видимости
   Если переменная не найдена локально, поиск продолжается выше.

Порядок поиска переменной

Поиск происходит последовательно:

1. локальные переменные функции

2. параметры функции

3. переменные внешней функции или блока

4. глобальная область видимости

Пример

const value = 10

function outer() {
  const value = 20

  function inner() {
    return value
  }

  return inner
}

const fn = outer()
fn() // 20

Функция inner получает доступ к value из outer, потому что именно там она была объявлена.

Вывод

Функция получает доступ к внешней области видимости через лексическое окружение, зафиксированное в момент её создания. Этот механизм делает поведение функций предсказуемым и независимым от места вызова.