Как hoisting работает для var, let и const

Question

Hoisting — это когда объявления “обрабатываются” до выполнения кода. У var объявление поднимается и переменная сразу инициализируется как undefined, поэтому к ней можно обратиться до строки объявления (получишь undefined). У let и const тоже есть поднятие объявления, но до фактической инициализации переменная находится в TDZ (temporal dead zone), и доступ к ней до объявления вызывает ReferenceError. const дополнительно требует инициализацию сразу при объявлении.

YeaHub · Accepted Answer

ОпределениеHoisting — это поведение движка, при котором объявления (declaration) учитываются до выполнения кода. Важно: “поднимается” не значение, а факт объявления.var: поднятие + инициализация undefinedvar имеет функциональную область видимости (function scope)при входе в функцию переменная существует и равна undefinedПример:'use strict';

console.log(x); // undefined
var x = 10;
console.log(x); // 10
Это эквивалентно по смыслу:'use strict';

var x;           // объявление поднялось
console.log(x);  // undefined
x = 10;          // присваивание осталось на месте
console.log(x);
let и const: поднятие объявления + TDZlet/const имеют блочную область видимости (block scope)переменная существует “в блоке”, но недоступна до строки объявленияпопытка чтения до объявления → ReferenceErrorПример:'use strict';

console.log(a); // ReferenceError
let a = 10;
const дополнительноconst нельзя объявить без значениязапрещено переназначение (но объект внутри может быть мутабельным)Пример:'use strict';

const n = 1;
// n = 2; // TypeError: Assignment to constant variable
Почему это важно в реальном кодеvar может “маскировать” ошибки, возвращая undefined там, где ожидалась переменнаяlet/const дают более безопасное поведение: ошибка видна сразув циклах и блоках let часто предотвращает баги со “всплывающими” значениямиВыводvar поднимается и инициализируется undefined, поэтому доступ “до объявления” возможен. let/const тоже поднимаются, но до инициализации находятся в TDZ, поэтому доступ до объявления приводит к ReferenceError — это делает код безопаснее.