TypeScript 中 const enum 和 enum 的核心区别在哪?日常开发应该使用哪个?

480 阅读1分钟

编译结果

enum 会生成一个对象,引用的地方保持对其引用
const enum 会擦除 enum 定义的代码,引用的地方会生成 inline code

使用enum

image.png

使用const enum

image.png

PS:编译选项 preserveConstEnums 可以使 const enum 不去擦除 enum 定义的代码,而是保持与 enum 同样的编译结果,不过引用的地方还是 inline code。

性能

enum 因为保持了引用,故性能会比编译为 inline code 的 const enum 差一点,但这个差异是微乎其微的。

特性差异

大部分场景没有什么差异。不过因为 enum 会生成对象,故能够进行对象相关的操作,比如:

enum Foo {
    A,
    B
}

const keys = Object.keys(Foo);

for (const value in Foo) {
    console.log(value);
}

而 const enum 则会报错:

'const' enums can only be used in property or index access expressions or the right hand side of an import declaration or export assignment or type query.

总结

区别可以参考官方文档 平时尽量使用 const enum 可以获得一点性能增益