在 TypeScript 中，普通枚舉（非 const enum）的一個(gè)特點(diǎn)是它會(huì)生成反向映射。這意味著你不僅可以通過枚舉的名字獲取對(duì)應(yīng)的數(shù)值，還可以通過數(shù)值反查到枚舉的名字。

舉個(gè)例子

假設(shè)我們有一個(gè)枚舉：

enum Color {
  Red,    // 0
  Green,  // 1
  Blue    // 2
}

在編譯后的 JavaScript 中，TypeScript 會(huì)生成類似下面的代碼：

var Color;
(function (Color) {
    Color[Color["Red"] = 0] = "Red";
    Color[Color["Green"] = 1] = "Green";
    Color[Color["Blue"] = 2] = "Blue";
})(Color || (Color = {}));

這里發(fā)生了兩件事：

1. 正向映射：通過枚舉名稱獲取數(shù)值。例如，Color.Red 返回 0。
2. 反向映射：通過數(shù)值獲取枚舉名稱。例如，Color[0] 返回 "Red"。

反向映射的作用

反向映射的優(yōu)勢(shì)在于你可以輕松地將數(shù)值轉(zhuǎn)換回它們對(duì)應(yīng)的枚舉名稱，這在調(diào)試、日志記錄或者在某些業(yè)務(wù)場景中需要顯示友好的名稱時(shí)非常有用。

例如：

console.log(Color.Red);   // 輸出 0
console.log(Color[0]);    // 輸出 "Red"

總結(jié)

• 正向映射：Color.Red → 0
• 反向映射：Color[0] → "Red"

這種雙向映射機(jī)制只適用于數(shù)字枚舉。如果是字符串枚舉，TypeScript 不會(huì)生成反向映射，因?yàn)榉聪蛴成鋵?duì)于字符串來說沒有意義。

與常量枚舉（const enum）區(qū)別

在 TypeScript 中，普通枚舉和常量枚舉（const enum）有以下主要區(qū)別：

1. 編譯后的輸出

• 普通枚舉：
  編譯后會(huì)生成一個(gè)實(shí)際的對(duì)象，包含正向和反向映射。
  例如：

var Color;
(function (Color) {
    Color[Color["Red"] = 0] = "Red";
    Color[Color["Green"] = 1] = "Green";
    Color[Color["Blue"] = 2] = "Blue";
})(Color || (Color = {}));

這意味著你可以通過 Color.Red 得到 0，也可以通過 Color[0] 得到 "Red"。

• 常量枚舉（const enum）：
  編譯后不會(huì)生成實(shí)際的枚舉對(duì)象。
  所有對(duì)常量枚舉成員的引用都直接被內(nèi)聯(lián)替換成對(duì)應(yīng)的值。例如：

const enum Color {
  Red,
  Green,
  Blue
}
let c = Color.Green;

編譯后代碼會(huì)直接變成：

let c = 1;

沒有額外的對(duì)象和反向映射生成。

2. 反向映射

• 普通枚舉：
  自動(dòng)生成反向映射，使得可以通過值查找名稱（僅適用于數(shù)字枚舉）。
• 常量枚舉：
  沒有反向映射，因?yàn)榫幾g器會(huì)直接將枚舉成員內(nèi)聯(lián)，反向查找就沒有意義。

3. 用途與性能

• 普通枚舉：
  如果需要在運(yùn)行時(shí)使用枚舉對(duì)象（例如調(diào)試或反向查找），普通枚舉是合適的選擇。但生成的代碼體積稍大，因?yàn)樾枰獎(jiǎng)?chuàng)建完整的對(duì)象。
• 常量枚舉：
  如果僅僅是為了在編譯時(shí)使用枚舉值，并且不需要運(yùn)行時(shí)的對(duì)象或反向映射，可以使用常量枚舉。這樣可以減少編譯后的代碼體積和運(yùn)行時(shí)開銷，因?yàn)槊杜e成員會(huì)被內(nèi)聯(lián)。

總結(jié)

• 普通枚舉生成實(shí)際的對(duì)象，支持雙向映射，適合需要運(yùn)行時(shí)反向查找的場景。
• 常量枚舉在編譯后直接內(nèi)聯(lián)枚舉值，沒有生成實(shí)際對(duì)象和反向映射，適合追求代碼體積優(yōu)化且不需要運(yùn)行時(shí)枚舉對(duì)象的場景。