as const 是 TypeScript 中的一種類(lèi)型斷言，用于將一個(gè)對(duì)象或數(shù)組的所有屬性標(biāo)記為只讀（readonly），并將其所有字面量類(lèi)型提升為最窄的字面量類(lèi)型（即常量類(lèi)型）。這在需要確保某些值不被修改（immutable）、或在處理與嚴(yán)格類(lèi)型檢查相關(guān)的場(chǎng)景時(shí)非常有用。

場(chǎng)景1: 定義不可變的常量對(duì)象或數(shù)組

as const 可以將對(duì)象或數(shù)組標(biāo)記為只讀，從而防止在后續(xù)代碼中對(duì)其進(jìn)行修改。

const colors = {
    red: "#FF0000",
    green: "#00FF00",
    blue: "#0000FF"
} as const;

// colors.red = "#FFF000"; // Error: Cannot assign to 'red' because it is a read-only property.

在上面的例子中，colors 對(duì)象的所有屬性都被標(biāo)記為只讀，因此不能對(duì)它們進(jìn)行修改。

場(chǎng)景2: 確保字面量類(lèi)型而不是更寬泛的類(lèi)型

在沒(méi)有 as const 的情況下，TypeScript 會(huì)將字面量類(lèi)型推斷為更寬泛的類(lèi)型。例如，一個(gè)數(shù)組中的字符串字面量會(huì)被推斷為 string[]，而不是具體的字符串字面量類(lèi)型。

const directions = ["up", "down", "left", "right"] as const;

// directions 的類(lèi)型是 readonly ["up", "down", "left", "right"]

如果沒(méi)有 as const，directions 的類(lèi)型會(huì)被推斷為 string[]，而使用了 as const 后，類(lèi)型會(huì)被推斷為 readonly ["up", "down", "left", "right"]，即一個(gè)只讀的元組，包含具體的字面量類(lèi)型。

場(chǎng)景3: 減少類(lèi)型檢查錯(cuò)誤

在某些情況下，使用 as const 可以減少類(lèi)型檢查時(shí)的錯(cuò)誤，特別是在與 enum 或 switch 語(yǔ)句配合使用時(shí)。例如，當(dāng)你傳遞一個(gè)數(shù)組中的元素到一個(gè)函數(shù)時(shí)，如果數(shù)組的元素類(lèi)型太寬泛，可能會(huì)導(dǎo)致不符合預(yù)期的類(lèi)型檢查錯(cuò)誤。

function move(direction: "up" | "down" | "left" | "right") {
    console.log(`Moving ${direction}`);
}

const directions = ["up", "down", "left", "right"] as const;

// Without `as const`, this would cause a type error
move(directions[0]); // OK

場(chǎng)景4: 使用聯(lián)合類(lèi)型

當(dāng)你希望一個(gè)對(duì)象的屬性值作為聯(lián)合類(lèi)型使用時(shí)，as const 可以確保類(lèi)型推斷為最窄的字面量類(lèi)型。例如，在創(chuàng)建包含固定字符串的配置對(duì)象時(shí)。

const config = {
    environment: "production",
    version: "1.0.0"
} as const;

type Env = typeof config.environment; // "production"

總結(jié)

• 防止修改: 當(dāng)你希望對(duì)象或數(shù)組中的值是不可變的。
• 確保最窄類(lèi)型: 當(dāng)你希望確保字面量類(lèi)型推斷為最窄的類(lèi)型。
• 減少類(lèi)型檢查錯(cuò)誤: 當(dāng)與其他類(lèi)型系統(tǒng)（如聯(lián)合類(lèi)型、switch 語(yǔ)句）配合時(shí)，確保類(lèi)型推斷正確。

使用 as const 可以提高代碼的類(lèi)型安全性，并在 TypeScript 中增強(qiáng)類(lèi)型推斷的精確性。