Mikä on var:n, let:n ja const:n välinen ero?

Question

Accepted Answer

Ne eroavat kolmella tavalla: **scope**, **hoisting behavior** ja **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)
}
```

## Tärkeimmät erot

- **`var`** on **function-scoped**, hoisted ja alustettu `undefined`:ksi, ja se voidaan redeclaroida. Tämä aiheuttaa yllättäviä vuotoja — vältä sitä.
- **`let`** on **block-scoped** (`{ }`), reassignable ja elää *temporal dead zone* -tilassa kunnes sen esittelyrivillä (siihen pääsy aikaisin heittää virheen).
- **`const`** on block-scoped ja **sitä ei voi reassignata** — mutta huomaa, että sitominen on vakio, *ei* arvo:

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

## Nyrkkisääntö

Käytä oletuksena **`const`**:ia; vaihda **`let`**:iin vain kun sinun on reassignattava; **älä koskaan käytä `var`**:ia uudessa koodissa. Tämä tekee tarkoituksesta selkeä ("tämä ei muutu") ja välttää scope-vuodot ja hoistingu sekaannuksen, jonka `var` aiheuttaa.