Что произойдёт, если внутри анонимной функции объявить переменную через var и попытаться обратиться к ней снаружи?

Область видимости var внутри функции

В JavaScript переменные, объявленные с помощью ключевого слова var, имеют функциональную область видимости. Это означает, что они доступны только внутри функции, в которой были объявлены, и не видны за её пределами. Анонимная функция — это функция без имени, которая может быть присвоена переменной или передана как аргумент. Если внутри такой функции объявить переменную через var, она будет локальной для этой функции.

Пример кода

var outerVar = 'глобальная';

var myFunc = function() {
  var innerVar = 'локальная';
  console.log(innerVar); // 'локальная'
};

myFunc();
console.log(innerVar); // ReferenceError: innerVar is not defined

В примере выше переменная innerVar объявлена внутри анонимной функции, присвоенной myFunc. При попытке обратиться к ней снаружи возникает ошибка ReferenceError, так как она не существует в глобальной области видимости.

Почему так происходит?

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

Итог

Использование var внутри функции гарантирует, что переменная будет изолирована от внешнего кода. Это полезно для инкапсуляции логики и предотвращения загрязнения глобального пространства имён. Однако в современном JavaScript чаще используют let и const с блочной областью видимости для более предсказуемого поведения.