ts中 enum和const enum的区别

ts中 enum和const enum的区别

编译前

//enum
const r = 66666
 enum COLOR{
     green = 6*r,
    red=1,
    blue
}
const a = COLOR.green
const b = COLOR[7]
//const enum
const r = 66666
 enum COLOR{
     green = 6*r,//error In 'const' enum declarations member initializer must be constant expression.
    red=1,
    blue
}
const a = COLOR.green
const b = COLOR[7] //error A const enum member can only be accessed using a string literal.

编译后

//enum
var r = 66666;
var COLOR;
(function (COLOR) {
    COLOR[COLOR["green"] = 6 * r] = "green";
    COLOR[COLOR["red"] = 1] = "red";
    COLOR[COLOR["blue"] = 2] = "blue";
})(COLOR || (COLOR = {}));
//const enum
var r = 66666;
var a = 6 /* green */;
var b = COLOR[7];

​ enum实际是通过在立即执行函数内进行两次双向的赋值实现的

​ 而const enum编译后并没有相关代码

主要区别

​ 1. const enum没有相关代码 所以相对节省内存 只是起到一个语法提示的作用
2. 只能使用常量string|number 给enum key赋值 green=6 || green = ‘绿色’
3. 只能使用常量读取enum 值 COLOR[“green”]