Wat doet de `as const` assertion?

Question

Accepted Answer

`as const` is een **const assertion** die TypeScript vertelt om het **meest specifieke (literal), diep readonly** type voor een waarde af te leiden, in plaats van het uit te breiden.

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

Het doet drie dingen: breidt *niets* uit (behoudt letterlijke waarden), maakt alles `readonly`, en zet arrays om in **tuples**.

## Waarom het belangrijk is

**Een union type afleiden van een waardenlijst (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
```

**Letterlijke types behouden voor config/state:**

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

## Waarom het belangrijk is

`as const` vormt een brug tussen runtime-waarden en precieze types.

Het laat je gegevens eenmaal definiëren (een array/object) en exacte letterlijke types daarvan afleiden — onmisbaar voor action types, route maps, config, en elke discriminated-union tag die een literal moet blijven in plaats van uit te breiden naar `string`.