assertion `as const` ทำอะไร?

Question

Accepted Answer

`as const` คือ **const assertion** ที่บอกให้ TypeScript infer type ที่ **เฉพาะเจาะจงที่สุด (เป็น literal) และเป็น readonly แบบลึก** ให้กับค่าหนึ่ง แทนที่จะ widen type นั้นออกไป

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

มันทำสามอย่าง: *ไม่* widen อะไรเลย (คงค่า literal ไว้), ทำให้ทุกอย่างเป็น `readonly` และเปลี่ยน array ให้กลายเป็น **tuple**

## ทำไมจึงมีประโยชน์มาก

**สร้าง union type จากรายการของค่า (มีแหล่งความจริงเพียงแหล่งเดียว):**

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

**คง literal type ไว้สำหรับ 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` เชื่อมค่าตอน runtime เข้ากับ type ที่แม่นยำ

มันช่วยให้คุณนิยามข้อมูลเพียงครั้งเดียว (เป็น array/object) แล้ว derive literal type ที่แม่นยำออกมาจากข้อมูลนั้น ซึ่งมีค่ามากสำหรับ action type, route map, config และ tag ของ discriminated-union ใด ๆ ที่ต้องคงสภาพเป็น literal แทนที่จะ widen ไปเป็น `string`