Apakah yang dilakukan oleh assertion `as const`?

Question

Accepted Answer

`as const` ialah sebuah **const assertion** yang memberitahu TypeScript untuk menyimpulkan jenis yang **paling spesifik (literal), readonly secara mendalam** bagi sesuatu nilai, dan bukannya melebarkannya.

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

Ia melakukan tiga perkara: tidak melebarkan *apa-apa* (mengekalkan nilai literal), menjadikan segala-galanya `readonly`, dan menukar array menjadi **tuple**.

## Mengapa ia begitu berguna

**Menerbitkan jenis union daripada senarai nilai (sumber kebenaran tunggal):**

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

**Mengekalkan jenis literal untuk 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
```

## Mengapa ia penting

`as const` merapatkan nilai runtime dengan jenis yang tepat.

Ia membolehkan anda mentakrifkan data sekali sahaja (sebuah array/objek) dan menerbitkan jenis literal yang tepat daripadanya — sangat bernilai untuk action type, peta laluan, config, dan sebarang tag discriminated-union yang mesti kekal sebagai literal dan bukannya melebar kepada `string`.