const enum 和 enum

在 TypeScript 中使用 const enum 可以提升性能，原因如下：

const enum 的工作原理

const enum 是 TypeScript 提供的一种特殊形式的枚举，它与普通枚举的主要区别在于：

• const enum 会在编译时被内联。
• 不会生成额外的 JavaScript 代码。

提升性能的原因

1. 编译时内联

当使用 const enum 时，编译器会在生成的 JavaScript 文件中直接内联枚举的值，而不是创建一个实际的对象。例如：

// TypeScript 代码
export const enum SideSheetMode {
  CREATE = 'CREATE',
  UPDATE = 'UPDATE',
  HIDE = 'HIDE',
  PREVIEW = 'PREVIEW',
}

// 使用枚举
const mode = SideSheetMode.CREATE;

编译后的 JavaScript 代码是：

// JavaScript 代码
const mode = 'CREATE';

与普通枚举相比，普通枚举会生成一个对象：

// TypeScript 代码
export enum SideSheetMode {
  CREATE = 'CREATE',
  UPDATE = 'UPDATE',
  HIDE = 'HIDE',
  PREVIEW = 'PREVIEW',
}

// 使用枚举
const mode = SideSheetMode.CREATE;

编译后的 JavaScript 代码是：

// JavaScript 代码
var SideSheetMode;
(function (SideSheetMode) {
    SideSheetMode["CREATE"] = "CREATE";
    SideSheetMode["UPDATE"] = "UPDATE";
    SideSheetMode["HIDE"] = "HIDE";
    SideSheetMode["PREVIEW"] = "PREVIEW";
})(SideSheetMode || (SideSheetMode = {}));

const mode = SideSheetMode.CREATE;

普通枚举会生成一个包含所有枚举成员的对象，这会增加额外的代码大小和运行时开销。

2. 没有运行时开销

const enum 在编译时被内联，因此没有额外的运行时代码，无需创建对象或者查找成员值，直接使用内联的值。

总结

使用 const enum 可以提升性能主要是因为：

1. 编译时内联：枚举成员的值在编译时就被内联到生成的 JavaScript 代码中，减少了对枚举成员的引用开销。
2. 没有运行时开销：不需要在运行时创建枚举对象或者查找成员值，减少了代码大小和性能开销。

总体来说，const enum 通过减少生成的 JavaScript 代码量和避免运行时查找操作，能够在性能和资源消耗方面带来明显的优势。