Worin unterscheiden sich var, let und const?

Question

Accepted Answer

Sie unterscheiden sich auf drei Arten: **scope**, **hoisting behavior** und **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)
}
```

## Die wichtigsten Unterschiede

- **`var`** ist **function-scoped**, wird hoisted und zu `undefined` initialisiert, und kann erneut deklariert werden. Dies führt zu überraschenden Lecks — vermeiden Sie es.
- **`let`** ist **block-scoped** (`{ }`), reassignierbar und existiert in der *temporal dead zone* bis zur Deklarationszeile (der Zugriff darauf wirft einen Fehler).
- **`const`** ist block-scoped und **kann nicht reassigniert werden** — beachten Sie jedoch, dass die Bindung konstant ist, *nicht* der Wert:

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

## Warum es wichtig ist

Verwenden Sie standardmäßig **`const`**; wechseln Sie zu **`let`** nur, wenn Sie reassignieren müssen; **verwenden Sie `var` niemals** in neuem Code. Dies macht die Absicht deutlich ("dies wird sich nicht ändern") und vermeidet die Scope-Lecks und Hoisting-Verwirrung, die `var` mit sich bringt.