Как происходит всплытие Var

Всплытие (hoisting) — это механизм в JavaScript, при котором объявления переменных var поднимаются вверх своей области видимости (function scope) до выполнения кода.

Особенности:

• Переменная var инициализируется как undefined до присваивания значения.
• Область видимости — функция, а не блок ({}).

Пример:

console.log(x); // undefined (всплытие)
var x = 5;
console.log(x); // 5

Эквивалент после всплытия:

var x;
console.log(x); // undefined
x = 5;
console.log(x); // 5

Исключение:
В if, for и других блоках var не ограничивается блоком:

if (true) {
  var y = 10;
}
console.log(y); // 10 (y доступна вне блока)