readonly, Readonly và `as const` khác nhau thế nào?

Ví dụ

main.ts · sửa được▶ Chạy

const arr = [1, 2, 3] as const; // readonly [1, 2, 3] const cfg = { url: "/api", retries: 3 } as const; type Method = (typeof cfg)["url"]; // "/api" (không phải string) function sum(xs: readonly number[]) { return xs.reduce((a, b) => a + b, 0); // xs.push(...) sẽ lỗi } console.log(sum(arr), cfg.retries); const o: Readonly<{ a: number }> = { a: 1 }; (o as { a: number }).a = 2; // ép kiểu qua mặt compiler console.log(o.a); // 2: readonly không có tác dụng runtime

• readonly trên property/index signature/mảng (readonly T[], ReadonlyArray<T>).
• Readonly<T> áp dụng cho mọi key của T, chỉ cấp một.
• as const trên object literal: key readonly, giá trị là literal; mảng thành tuple readonly. Dùng cho config, danh sách giá trị để suy ra union.
• readonly number[] không gán ngược được cho number[] (vì mảng mutable có thêm method ghi).