请解释数字枚举和字符串枚举的区别

推荐答案

数字枚举和字符串枚举的主要区别在于它们的成员值类型和默认行为：

1. 数字枚举：

   • 成员值默认为数字，从0开始自动递增。
   • 可以手动指定成员值，后续成员会基于前一个成员值递增。
   • 支持反向映射，即可以通过值获取枚举成员名称。

2. 字符串枚举：

   • 成员值必须显式指定为字符串。
   • 不支持自动递增，每个成员必须手动赋值。
   • 不支持反向映射。

本题详细解读

数字枚举

数字枚举是TypeScript中最常见的枚举类型。它的成员值默认为数字，并且从0开始自动递增。例如：

enum Direction {
  Up,    // 0
  Down,  // 1
  Left,  // 2
  Right  // 3
}

在这个例子中，Direction.Up的值为0，Direction.Down的值为1，依此类推。你也可以手动指定成员值：

enum Direction {
  Up = 1,    // 1
  Down,      // 2
  Left = 4,  // 4
  Right      // 5
}

数字枚举支持反向映射，即可以通过值获取枚举成员名称：

console.log(Direction[1]); // 输出 "Up"

字符串枚举

字符串枚举的成员值必须显式指定为字符串，且不支持自动递增。例如：

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

在这个例子中，每个成员都必须手动赋值，且值为字符串。字符串枚举不支持反向映射，因此无法通过值获取枚举成员名称。

总结

• 数字枚举：成员值默认为数字，支持自动递增和反向映射。
• 字符串枚举：成员值必须为字符串，不支持自动递增和反向映射。

根据具体需求选择合适的枚举类型，可以提高代码的可读性和可维护性。