var、let、const の違いは何ですか？

Question

Accepted Answer

これらは3つの点で異なります。**スコープ**、**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** で、hoisting されて `undefined` に初期化され、再宣言が可能です。これは予期しない漏れを引き起こすため、使用を避けるべきです。
- **`let`** は **block-scoped**（`{ }`）で、再代入が可能であり、宣言行に到達するまで *temporal dead zone* に置かれます（早期にアクセスすると例外が発生します）。
- **`const`** は block-scoped で、**再代入できません** — ただし、束縛（binding）が定数であって、*値そのもの* ではない点に注意してください。

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

## 経験則

デフォルトで **`const`** を使い、再代入が必要なときだけ **`let`** に切り替え、新しいコードでは **`var` を決して使わない** こと。これにより意図が明確になり（「これは変わらない」）、`var` がもたらすスコープの漏れや hoisting の混乱を避けられます。