Коротко по делу.
1) Что происходит в вашем примере (hoisting)
- Код:
function f(){ console.log(x); var x = $1$; } f();
- Интерпретатор при разборе "поднимает" (hoist) объявления переменных в начало функции. Фактически функция выполняется как:
function f(){
var x; // объявление поднято
console.log(x); // x ещё не инициализирован — значение $undefined$ x = $1$; // присвоение
}
- Итог: в консоль выведется $undefined$. Это не ReferenceError, потому что переменная объявлена (но ещё не инициализирована).
2) Отличие от доступа к несуществующей переменной
- Если бы переменная вовсе не была объявлена (например, console.log(y); без var/let/const), это даст ReferenceError при попытке чтения — разные ошибки потому, что в первом случае есть объявление (значение по умолчанию $undefined$), а во втором — нет никакой привязки.
3) Замыкания (closures) и их связь с hoisting
- Замыкание захватывает привязку переменной (binding), а не моментальное значение. Пример часто встречающейся "загвоздки":
for (var i = $0$; i < $3$; i++){
setTimeout(function(){ console.log(i); }, $0$);
}
// Выведет: $3$, $3$, $3$ — потому что все функции замкнули одну переменную i, к моменту вызова i = $3$.
- Исправление с block-scope:
for (let i = $0$; i < $3$; i++){
setTimeout(function(){ console.log(i); }, $0$);
}
// Выведет: $0$, $1$, $2$ — у каждой итерации своё блочное связывание i.
4) Почему в строгом режиме ошибки проявляются иначе
- strict mode не отменяет hoisting var — объявления var по-прежнему поднимаются. Но строгий режим:
- Преобразует некоторые ранее «мягкие» ошибки в жесткие: присвоение не объявленной переменной (a = $1$) в ненапряжённом режиме создаёт глобальную переменную; в строгом режиме — ReferenceError.
- Делает синтаксическими ошибками вещи, которые раньше были допустимы (например, дублирование имён параметров функции) — это препятствует исполнению кода вообще.
- Превращает молча игнорируемые операции в TypeError (например, запись в не‑записываемое свойство).
- Temporal Dead Zone (TDZ) для let/const: доступ до инициализации переменной объявленной через let/const приводит к ReferenceError — это поведение есть и в строгом, и в нестрогом режимах, но в строгом к ошибкам относятся строже в целом.
Краткий вывод:
- hoisting: объявления (var, function declaration) поднимаются, поэтому чтение до присвоения даёт $undefined$, а не ReferenceError.
- closures: замыкают привязки, поэтому поведение зависит от области видимости (var — функциональная; let/const — блочная).
- strict mode не отменяет hoisting, но делает ряд операций ошибками (вместо молчаливых провалов или тихого создания глобалей), поэтому некоторые баги проявляются иначе и становятся видимыми сразу.