Jaka jest różnica między var, let i const?

Question

Accepted Answer

Różnią się one na trzy sposoby: **zakresem**, **zachowaniem hoistingu** i **możliwością reasignment**.

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

## Kluczowe różnice

- **`var`** ma **zakres funkcji**, jest hoistowany i inicjalizowany do `undefined`, i może być ponownie zadeklarowany. To powoduje zaskakujące wycieki — unikaj tego.
- **`let`** ma **zakres bloku** (`{ }`), jest reasignowalny i znajduje się w *temporal dead zone* aż do linii jego deklaracji (dostęp do niego wcześniej wyrzuca błąd).
- **`const`** ma zakres bloku i **nie może być reasignowany** — ale zwróć uwagę, że binding jest stały, *a nie* wartość:

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

## Zasada kciuka

Zaczynaj od **`const`**; przełącz się na **`let`** tylko gdy musisz reasignować; **nigdy nie używaj `var`** w nowym kodzie. To wyjaśnia intencję ("to się nie zmieni") i unika wycieki zakresu oraz zamieszania z hoistingiem, które niesie ze sobą `var`.