TypeScript中字符串枚举和联合类型的区别

在 TypeScript 中，字符串枚举和联合类型是用来表示一组相关值的两种不同方法。

字符串枚举：字符串枚举使用一组已知的字符串作为枚举成员。它们被编译为 JavaScript 中的字符串，并且在运行时保留枚举成员的文字值。可以通过枚举成员名称来访问它们的值。

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

function move(direction: Direction) {
  // ...
}

move(Direction.Up); // 使用字符串枚举成员作为参数

字符串枚举的优点是可以明确指定每个枚举成员的值，并且在编译后的 JavaScript 代码中使用这些值。它们对于需要一个固定集合的字符串值并且希望在编码过程中进行类型检查的场景很有用。

联合类型：联合类型允许将多个类型组合在一起，用竖线 (|) 分隔。表示变量可以是其中任意一个类型的值。联合类型不会创建一个新的命名空间，而是将多个类型视为一个值的可能性

type Size = "small" | "medium" | "large";

function setSize(size: Size) {
  // ...
}

setSize("small"); // 使用联合类型的值作为参数

联合类型的优点是更加灵活，可以将多个不同的类型组合在一起，并且可以使用 TypeScript 的类型推断来推断变量的具体类型。联合类型对于表示某个属性或参数可以接受多种可能值的情况非常有用。

选择使用字符串枚举还是联合类型取决于具体的需求和场景。如果需要一个固定的集合并希望进行严格的类型检查，字符串枚举是一个好的选择。如果需要表示多种可能的值，并且希望更灵活地操作和推断类型，联合类型则更适合。