Как работает всплытие

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

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

• var: объявление всплывает, но инициализация остается на месте.
• function declaration: всплывает полностью (можно вызвать до объявления).
• let/const и function expression не всплывают (вызов до объявления вызовет ошибку).

Пример:

console.log(a); // undefined (var всплыло, но не инициализировано)
var a = 5;

foo(); // "Работает" (function declaration всплыла)
function foo() { 
  console.log("Работает"); 
}

bar(); // Ошибка (function expression не всплывает)
const bar = () => console.log("Не сработает");

Итог:
Всплытие может приводить к неочевидному поведению, поэтому лучше всегда объявлять переменные и функции до их использования.