Какое различие между var, let и const?

Question

Accepted Answer

Они отличаются тремя способами: **областью видимости (scope)**, **поведением hoisting** и **возможностью переназначения**.

```js
function demo() {
  if (true) {
    var a = 1;    // function-scoped — leaks out of the if-block
    let b = 2;    // block-scoped — only exists inside { }
    const c = 3;  // block-scoped, can't be reassigned
  }
  console.log(a); // 1  (var escaped the block)
  console.log(b); // ReferenceError (let stayed in the block)
}
```

## Ключевые различия

- **`var`** имеет **область видимости функции (function-scoped)**, поднимается (hoisted) и инициализируется как `undefined`, и может быть переобъявлен. Это вызывает неожиданные утечки — избегайте его.
- **`let`** имеет **область видимости блока (`{ }`)**, может быть переназначен и находится в *temporal dead zone* до строки его объявления (попытка доступа до этого вызывает ошибку).
- **`const`** имеет область видимости блока и **не может быть переназначен** — но помните, что константной является привязка, *не* само значение:

```js
const user = { name: "Ann" };
user.name = "Bob"; // ✅ allowed — mutating the object, not reassigning
user = {};          // ❌ TypeError — can't rebind `user`
```

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

По умолчанию используйте **`const`**; переходите на **`let`** только когда необходимо переназначение; **никогда не используйте `var`** в новом коде. Это делает намерение явным («это не изменится») и избегает утечек области видимости и путаницы с hoisting, которые приносит `var`.