TypeScript 中的 Enums：使用和性能考虑-JavaScript中文网-JavaScript教程资源分享门户

引言

在 TypeScript 中，我们经常遇到需要使用一些常量的情况。他们可以用于在代码中定义各种状态、参数，以及提高代码可读性。为了更好的处理常量，TypeScript 提供了一个叫做枚举（Enum）的东西，本文将详细介绍 TypeScript 中的 Enums，包括如何使用以及性能问题的考虑。

什么是 Enums

枚举是一种包含一组相关值的命名列表，这些值都是被赋予一个名称的，它们可以被视为常量，不会改变其值。在 TypeScript 中，使用关键字 enum 来定义枚举。

enum Color {
    Red,
    Green,
    Blue,
}

以上代码定义了一个 Color 枚举，它包含三个值：Red，Green 和 Blue。这些值默认以 0、1 和 2 为初始值，可以通过指定初始值来进行修改：

enum Color {
    Red = 1,
    Green,
    Blue,
}

这将会使 Red 值为 1，Green 为 2，Blue 为 3。

枚举的元素可以是任意类型，如字符串或数字：

enum Direction {
    Up = "UP",
    Down = "DOWN",
    Left = "LEFT",
    Right = "RIGHT",
}

枚举也可以通过成员来访问：

let color: Color = Color.Green;
console.log(color); // 1

let direction: Direction = Direction.Up;
console.log(direction); // "UP"

Enums 的优点

更好的可读性和可维护性

当代码中有大量常量的时候，使用基于值的常量通常会造成代码难读、难记并且难以维护。而枚举则可以通过使用可读性更好的名称来解决这个问题。使用枚举可以避免在代码中硬编码常量值，使其更易于理解和修改。

更少的运行时错误

使用枚举可以减少运行时错误的数量，因为它们在编译时已经被捕获。如果枚举中的元素名变了，TypeScript 编译器将会告诉你它们引用的是一个不再存在的成员。

Enums 的性能考虑

在 TypeScript 中使用枚举不会消耗太多内存，因为它们在编译阶段被转换成 JavaScript 中的对象。而在运行时，它们被视为常量值，并且不会造成额外开销。

相较于字面量，枚举在性能上更加高效。因为字面量在使用时会每次重新创建一个新的值，而枚举只会创建一次，并在之后的使用中进行共享。

// javascriptcn.com code example
enum SomeEnum {
  ENUM1,
  ENUM2,
}

const enumValues = [SomeEnum.ENUM1, SomeEnum.ENUM2];

// ten million times loop
for (let i = 0; i < 10_000_000; i++) {
  let val = Math.random() > 0.5 ? SomeEnum.ENUM1 : SomeEnum.ENUM2;
  if (val == SomeEnum.ENUM1) {}
}

// ten million times loop
for (let i = 0; i < 10_000_000; i++) {
  let val = Math.random() > 0.5 ? 0 : 1;
  if (val == 0) {}
}

const literalValues = [0, 1];

上述的代码比较了枚举和字面量的效率，通过在循环中多次使用枚举和字面量来模拟实际使用的情况。测试结果显示，在循环中使用枚举时性能会更加高效。

枚举的注意事项

不要滥用枚举

枚举对于常量的定义非常有用，但在某些情况下也会引起代码冗长。当不需要把一组固定的值归为一类时，应该避免使用枚举。

不要混淆枚举和字面量值

在枚举中，元素本质上仍然是对象，所以枚举成员可以作为参数传递、合并等。但是，枚举成员与其他变量一样都可以强制转换为数字或字符串，并且类型检查引擎不会发出任何警告。所以在使用时要避免将枚举成员错用为字面量值，并且应该始终将枚举成员传递给函数和方法。

枚举中的类型自动推断

TypeScript 在推断类型时会自动使用枚举中的成员的类型，而不是枚举自身。这在某些情况下可能会导致错误：

// javascriptcn.com code example
enum Direction {
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
}

function log(text: string, direction: Direction) {
  console.log(`${text} with direction: ${direction}`);
}

log("Jumped", "Jumped"); // 编译不通过

log("Moved", Direction.Down); // 编译通过

在上述代码中，将字符串 "Jumped" 传递给 log 函数中的 direction 参数，虽然可以编译通过，但是会在运行时抛出错误。因此，应该使用枚举的成员来确保类型安全。

结论

枚举是 TypeScript 中很有用的一个概念，它可以使代码变得更易读、易维护，并且可以减少运行时错误的数量。在性能方面，相较于字面量，枚举更加高效。但还是要避免滥用它们，并确保正确使用枚举成员以及对数据类型的预期。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6736c69b0bc820c58256537a