Что делает asserция `as const`?

Question

IT Interview Practice · Accepted Answer

`as const` — это **const-асserция**, которая указывает TypeScript вывести **наиболее специфичный (литеральный), глубоко readonly** тип для значения вместо его расширения.

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

Она делает три вещи: ничего не расширяет (сохраняет литеральные значения), делает всё `readonly` и преобразует массивы в **кортежи**.

## Почему это так полезно

**Получение типа union из списка значений (единый источник истины):**

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

**Сохранение литеральных типов для 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
```

## Почему это важно

`as const` связывает значения среды выполнения и точные типы.

Оно позволяет определить данные один раз (массив/объект) и вывести из них точные литеральные типы — бесценно для типов действий, карт маршрутов, конфигураций и любого тега дискриминируемого union, который должен оставаться литералом вместо расширения до `string`.

Почему это так полезно

Почему это важно

Похожие вопросы