Что такое hoisting?

Question

Что такое hoisting?

Accepted Answer

**Hoisting** — это поведение JavaScript, которое перемещает **объявления** в верхнюю часть их области видимости во время фазы компиляции, еще до выполнения какого-либо кода. Однако *способ*, которым что-то поднимается, зависит от типа объявления.

```js
console.log(a); // undefined  — `var a` is hoisted & initialized to undefined
var a = 1;

foo();          // "works!" — function declarations are fully hoisted
function foo() { console.log("works!"); }

console.log(b); // ❌ ReferenceError — temporal dead zone
let b = 2;
```

## Что поднимается и как

- **`var`**: объявление поднимается и инициализируется как `undefined`. Поэтому раннее чтение дает `undefined`, а не ошибку.
- **Объявления `function`**: полностью поднимаются — вы можете вызывать их до строки определения.
- **`let` / `const`**: поднимаются, но **не инициализируются**. Они находятся в *Temporal Dead Zone* (TDZ) с начала блока до строки их объявления; доступ к ним в TDZ выбрасывает `ReferenceError`.
- **Функциональные выражения** (`const f = () => {}`) *не* вызываются рано — только привязка `const`/`var` поднимается, а не функция.

## Почему это важно

Hoisting объясняет "почему это `undefined`?" и "почему вызов этой функции до её определения работает?" TDZ для `let`/`const` на самом деле является *возможностью* — она превращает молчаливые ошибки `undefined` в явные ошибки, побуждая вас объявлять перед использованием.