Hvad gør `as const`-assertionen?

Question

IT Interview Practice · Accepted Answer

`as const` er en **const assertion**, der fortæller TypeScript at udlede den **mest specifik (literal), dybt readonly** type for en værdi i stedet for at udvide den.

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

Det gør tre ting: udvider *intet* (holder literalværdier), gør alt `readonly` og omdanner arrays til **tuples**.

## Hvorfor det er så nyttigt

**Afledning af en union-type fra en værdiliste (enkelt kilde til sandhed):**

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

**Bevarelse af literaltyper for 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
```

## Hvorfor det betyder noget

`as const` forbinder runtime-værdier og præcise typer.

Det lader dig definere data én gang (et array/objekt) og udlede nøjagtige literaltyper fra det — uvurderligt for actiontyper, routekort, config og enhver diskrimineret-union-tag, der skal forblive en literal i stedet for at blive udvidet til `string`.

Hvorfor det er så nyttigt

Hvorfor det betyder noget

Relaterede spørgsmål