TypeScript 枚舉指南

枚舉是受 TypeScript 支持的數據類型。枚舉允許您定義一組命名常量。使用它們可以更輕鬆地記錄意圖或創建一組不同的案例。枚舉大多數用於面向對象的編程語言（如 Java 和 C#）中，現在也可以 TypeScript 中使用。它們是 TypeScript 的少數功能之一，它不是 JavaScript 的類型級擴展。接下來我將要演示 TypeScript 枚舉的基礎知識以及用例，各種枚舉類型和學習的後續步驟。

TypeScript 中的枚舉是什麼

許多編程語言（例如 C，C# 和 Java）都具有 enum 數據類型，而 JavaScript 沒有。但是 TypeScript 可以，TypeScript 具有基於數字和基於字符串的枚舉。TypeScript 枚舉允許開發人員定義一組命名常量。使用它們可以更輕鬆地記錄意圖或創建一組不同的案例。

枚舉的語法如下：

enum States {
    Apple,
    Orange，
    Banana，
    Watermelon
}
// 使用
var fruit = States.Watermelon;

在 TypeScript 中使用枚舉需要注意什麼

首先枚舉中的值是常量，即枚舉是類型安全的，在重新分配值時會返回編譯錯誤。其次枚舉應該是有限的，有助於用戶創建一個自定義的常量系統。枚舉在被編譯後是一個對象：在 JavaScript 中創建內存有效的自定義常量，使用靈活易於表達記錄意圖方便作爲判斷用例。

enum requestStatus {
    success = 200
    error = 400
}

let requestStatus;
(function (requestStatus) {
    requestStatus[requestStatus["success"] = 200] = "success"
    requestStatus[requestStatus["error"] = 400] = "error"
})(requestStatus || (requestStatus = {}));

// requestStatus:
// { '200': 'success', '400': 'error', error: 400, success: 200 }

常見枚舉的類型

數值枚舉 和 字符串枚舉 是我們在 TypeScript 中最常用的枚舉類型，下面我將用例子向你們介紹它們的特點以及如何使用它們。

** 數字枚舉

數字枚舉以字符串存儲數字值 。讓我們使用 enum 關鍵字定義它們。下面我將用存儲一組不同類型汽車的示例展示 TypeScript 中的數字枚舉：

enum CarType {
    Honda,
    Toyota,
    Subaru,
    Hyundai
}

枚舉值 CarType 有四個值：本田，豐田，斯巴魯和現代。枚舉值從 0 開始，並且每個成員的值遞增 1 ，如下所示：

Honda = 0

Toyota = 1

Subaru = 2

Hyundai = 3

如果需要你可以自己初始化第一個數值，如下所示：

enum CarType {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}

在上面的示例中，Honda 使用數值 1 初始化了第一個成員。剩餘的數字將加一。

你可能會想，如果我更改最後一個值，之前的值會根據最後定義的數值遞減嗎？讓我們來試試：

enum CarType {
    Honda,
    Toyota,
    Subaru,
    Hyundai = 100
}

遺憾的是這是行不通的，當前例子的數值是：

enum CarType {
    Honda,  // 1
    Toyota, // 2
    Subaru, // 3
    Hyundai // 100
}

注意：不必爲枚舉成員分配順序值。你可以爲其分配任何所需的值

字符串枚舉

字符串枚舉類似於數字枚舉，但是它們的枚舉值是使用字符串值而不是數字值初始化的。 字符串枚舉比數字枚舉具有更好的可讀性 ，從而更容易調試程序。

以下示例使用與數值枚舉示例相同的信息，但以字符串枚舉表示：

enum CarType {
    Honda = "HONDA",
    Toyota = "TOYOTA",
    Subaru = "SUBARU",
    Hyundai = "HYUNDAI"
}

// 訪問字符串枚舉
CarType.Toyota; //return TOYOTA

注意：字符串枚舉值需要單獨初始化。

枚舉反向映射

枚舉可以使用其相對應的枚舉成員值檢索 num 值。使用反向映射，可以訪問成員值和成員值的名稱，請看下面的例子：

enum CarType {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}
CarType.Subaru; //return 3
CarType.["Subaru"]; //return 3
CarType[3]; //return Subaru

CarType[3] 由於反向映射，返回其成員名稱“ Subaru”。讓我們看另一個例子：

enum CarType {
    Honda = 1,
    Toyota,
    Subaru,
    Hyundai
}
console.log(CarType)

在瀏覽器的控制檯中將看到以下輸出：

{ 
    '1'：'Honda'，
    '2'：'Toyota'，
    '3'：'Subaru'，
    '4'：'Hyundai'，
    Honda：1，
    Toyota：2，
    Subaru：3，
    Hyundai：4 
}

枚舉的每個值在內部存儲的枚舉對象中出現兩次。

計算枚舉

枚舉成員的值可以是常量值或計算值。請看下面的示例：

enum CarType {
    Honda = 1,
    Toyota = getCarTypeCode('toyota'),
    Subaru = Toyota * 3,
    Hyundai = 10
}

function getCarTypeCode(carName: string): number {
    if (carName === 'toyota') {
        return 5;
    }
}

CarType.Toyota; // returns 5
CarType.Subaru; // returns 15

如果枚舉既包含計算成員又包含常量成員，則未初始化的枚舉成員將首先出現，也可能在其他帶有數字常量的初始化成員之後。下一個示例將顯示錯誤：

enum CarType {
    Toyota = getCarTypeCode('toyota'),
    Honda, // Error: Enum member must have initializer
    Subaru,
    Hyundai = Toyota * 3,
}

你可以這樣聲明上述枚舉：

enum CarType {
    Honda,
    Hyundai,
    Toyota = getCarTypeCode('toyota'),
    Subaru = Toyota * 3

以上就是本文的全部內容，通過講解什麼是枚舉，我們在使用枚舉的時候應該注意什麼。到我們常用的枚舉類型（數值枚舉，字符串枚舉），枚舉反向映射，計算枚舉。相信你對枚舉已經有了一定的瞭解，如果文章有什麼沒有講明白的或是有什麼錯誤的地方歡迎指正，感激不盡。

推薦閱讀

加密的藝術

代碼簽名證書，讓軟件真正擁有姓名！