TS-常量枚举 - 技术栈

TS-常量枚举

Z编程2024-06-28 15:16

如果使用普通的数值枚举或字符串枚举，在编译成JavaScript代码后会产生较多代码来支持各项功能，开销较大且可读性较差，而且很可能被人误用。例如，使用索引查找或反向映射会导致可读性进一步变差，出错率进一步提高。

要解决上述问题，使用常量枚举。要定义常量枚举，只需在普通枚举的定义前面加上const关键字，示例代码如下。

const enum Answer {
    no,
    yes,
}
　
let actualAnswer: Answer = Answer.yes;

此时如果编译这段代码，你可以发现它与普通枚举编译后产生的JavaScript代码存在区别。以下是普通枚举编译后产生的JavaScript代码。

var Answer;
(function (Answer) {
    Answer[Answer["no"] = 0] = "no";
    Answer[Answer["yes"] = 1] = "yes";
})(Answer || (Answer = {}));
var actualAnswer = Answer.yes;

以下是常量枚举编译后产生的JavaScript代码，整体上更精简。

var actualAnswer = 1 /* yes */;

如果对常量枚举使用索引查找或反向映射，编译将无法通过，示例代码如下。

let inputString: string = "yes";
//编译错误：只有使用字符串文本才能访问常数枚举成员。ts(2476)
let userAnswer: Answer = Answer[inputString]; 
//编译错误：只有使用字符串文本才能访问常数枚举成员。ts(2476)
let nameOfyes: string = Answer[Answer.yes];