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