Как происходит Hoisting

Hoisting — это механизм в JavaScript, при котором объявления переменных и функций "поднимаются" вверх своей области видимости перед выполнением кода.

Переменные:

• var — объявление поднимается, инициализация (undefined) происходит до выполнения кода.
• let/const — объявление поднимается, но остаётся в "временной мёртвой зоне" до присваивания.

Функции:

• Function Declaration — поднимается полностью (можно вызвать до объявления).
• Function Expression — поднимается как переменная (если var, то undefined).

Пример:

console.log(a); // undefined (hoisting var)
var a = 5;

console.log(b); // ReferenceError (TDZ)
let b = 10;

foo(); // "Works" (Function Declaration hoisted)
function foo() { console.log("Works"); }

bar(); // TypeError (bar is undefined)
var bar = () => console.log("Fails");