Как работает Hoisting в JavaScript

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

• var: объявление поднимается, инициализируется как undefined.
  javascript

  Копировать

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

• let/const: тоже подвержены хойстингу, но не инициализируются до объявления (временная мёртвая зона).

  javascript

  Копировать

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

• Функции: объявления (function declaration) поднимаются полностью.

  javascript

  Копировать

  foo(); // "Hello"  
  function foo() { console.log("Hello"); }

Функциональные выражения (function expression) и стрелочные функции ведут себя как переменные.