Was macht die `as const`-Assertion?

Question

Accepted Answer

`as const` ist eine **const assertion**, die TypeScript anweist, den **spezifischsten (literalen), tief readonly** Typ für einen Wert abzuleiten, statt ihn zu verbreitern.

```ts
// without as const — widened, mutable
let a = "up";            // type: string
const obj = { x: 1 };     // type: { x: number }
const arr = [1, 2];       // type: number[]

// with as const — narrow literals, readonly
const b = "up" as const;          // type: "up"
const obj2 = { x: 1 } as const;    // type: { readonly x: 1 }
const arr2 = [1, 2] as const;      // type: readonly [1, 2] (a tuple!)
```

Sie macht drei Dinge: verbreitert *nichts* (behält literale Werte), macht alles `readonly` und wandelt Arrays in **tuples** um.

## Warum es so nützlich ist

**Eine Union-Type aus einer Werteliste ableiten (single source of truth):**

```ts
const ROLES = ["admin", "editor", "viewer"] as const;
type Role = typeof ROLES[number]; // "admin" | "editor" | "viewer"
// add a role to the array → the union updates automatically
```

**Literale Typen für Config/State beibehalten:**

```ts
const action = { type: "INCREMENT", by: 1 } as const;
// action.type is "INCREMENT" (a literal), so it works in discriminated unions
// without as const it'd be `string`, breaking narrowing
```

## Warum es wichtig ist

`as const` verbindet Runtime-Werte mit präzisen Typen.

Sie ermöglicht es Ihnen, Daten einmal zu definieren (ein Array/Objekt) und daraus exakte literale Typen abzuleiten — unverzichtbar für Action-Typen, Route-Maps, Config und jeden diskriminierten Union-Tag, der ein Literal bleiben muss, statt sich zu `string` zu verbreitern.