Jaký je rozdíl mezi var, let a const?

Question

Accepted Answer

Liší se třemi způsoby: **scope**, **hoisting behavior** a **reassignment**.

```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)
}
```

## Klíčové rozdíly

- **`var`** je **function-scoped**, hoisted a inicializován na `undefined`, a lze jej redeclarovat. To způsobuje překvapivé úniky — vyhněte se tomu.
- **`let`** je **block-scoped** (`{ }`), reassignable a existuje v *temporal dead zone* až do svého řádku deklarace (přístup k němu brzy vyvolá chybu).
- **`const`** je block-scoped a **nelze jej reassignovat** — ale nezapomeňte, že vazba je konstantní, nikoli hodnota:

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

## Pravidlo

Ve výchozím nastavení používejte **`const`**; přejděte na **`let`** pouze když musíte reassignovat; **nikdy nepoužívejte `var`** v novém kódu. To objasňuje záměr ("to se nezmění") a vyhýbá se únikům scope a zmatkům s hoistingem, které `var` přináší.