如何在TypeScript中合并枚举?

在 TypeScript 中合并字符串枚举

要在 TypeScript 中合并枚举，请执行以下操作：

1. 使用排列语法将枚举合并到对象中。
2. 获取对象的类型。
3. 使用括号表示法访问类型上两个枚举的成员。

// ✅ string 枚举
enum Sizes1 {
  Small = 'S',
  Medium = 'M',
}

enum Sizes2 {
  Large = 'L',
  ExtraLarge = 'XL',
}

export const Sizes = { ...Sizes1, ...Sizes2 };

// 👇️ {Small: 'S', Medium: 'M', Large: 'L', ExtraLarge: 'XL'}
console.log(Sizes);

export type Sizes = typeof Sizes;

// ✅ 现在您可以访问这两个枚举的属性
type XL = Sizes['ExtraLarge'];
type S = Sizes['Small'];

TypeScript 中的枚举是真实的对象，并且在运行时存在，因此我们能够使用 spread 语法（…）将 2 个枚举合并到一个对象中。

果枚举有重复的键，则后一个值获胜

合并对象的所有规则都适用——如果两个枚举中都存在键，则后者的值包含在最终对象中。

我们使用 typeof 运算符来获取对象的类型，现在可以使用括号表示法来访问两个枚举的成员。

在 TypeScript 中合并数字枚举

使用数字枚举时，应该为枚举提供一个初始值，这样就不会得到指向同一值的多个不同枚举键。

// ✅ For Numeric Enums
enum Sizes1 {
  Small = 0,
  Medium,
}

enum Sizes2 {
  Large = 2,
  ExtraLarge,
}

export const Sizes = { ...Sizes1, ...Sizes2 };

// 👇️ {Small: 'S', Medium: 'M', Large: 'L', ExtraLarge: 'XL'}
console.log(Sizes);

export type Sizes = typeof Sizes;

type XL = Sizes['ExtraLarge'];
type S = Sizes['Small'];

第一个枚举的初始值为 0，第二个枚举为 2。这样，我们就不会得到指向相同值的多个关键点的冲突。

请注意，如果使用常量枚举，上面的示例将不起作用，因为常量枚举只能使用常量枚举表达式，并且在编译过程中会被完全删除。

以上关于如何在TypeScript中合并枚举?的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。