如何将TypeScript枚举值直接用作类的属性？

嘿，我懂你的需求啦——你现在是想把TypeScript枚举的成员直接当成类的属性来用，而不是像现在这样嵌套在vals对象里对吧？其实有几种更贴合需求的实现方式，我给你一步步说清楚：

首先，先回顾下你现有的写法：你用了映射类型{[key in MyEnum]}来定义vals对象的结构，这本身是类型安全的，但如果想把枚举值直接作为类的顶层属性，咱们可以这么调整：

方式一：手动声明枚举对应的类属性（类型安全且直观） #

这种方式适合枚举成员不多的场景，能让代码一目了然，而且TypeScript会严格检查你有没有实现所有枚举成员的属性，不会漏写：

export enum MyEnum {
  ALPHA = 'ALPHA',
  BETA = 'BETA'
}

// 先定义一个映射类型，确保类的属性和枚举成员完全对应
type EnumClassProps = {
  [Key in MyEnum]: boolean;
};

export class MyClass implements EnumClassProps {
  // 用计算属性名直接把枚举值作为类的属性
  [MyEnum.ALPHA] = true;
  [MyEnum.BETA] = false;

  anotherProp: boolean;

  aMethod() {
    // 直接通过枚举值访问类属性，类型完全安全
    if (this[MyEnum.ALPHA]) {
      // doStuff();
    }
  }
}

这里通过implements EnumClassProps绑定类型约束，再用计算属性名[MyEnum.ALPHA]直接绑定枚举值，既能避免手写字符串键的失误，也能保证类型校验的严谨性。

方式二：动态初始化枚举属性（适合成员较多的枚举） #

如果你的枚举有很多成员，手动一个个写属性太麻烦，那可以在构造函数里动态遍历枚举值来批量初始化属性：

export enum MyEnum {
  ALPHA = 'ALPHA',
  BETA = 'BETA'
}

export class MyClass {
  // 先声明属性的类型，确保每个枚举成员都对应一个boolean属性
  [Key in MyEnum]: boolean;

  constructor() {
    // 遍历枚举的所有值，批量设置默认属性
    Object.values(MyEnum).forEach(enumKey => {
      // 这里可以统一设默认值，比如先全设为false
      this[enumKey as MyEnum] = false;
    });
    // 再单独修改需要自定义值的属性
    this[MyEnum.ALPHA] = true;
  }

  anotherProp: boolean;

  aMethod() {
    if (this[MyEnum.ALPHA]) {
      // doStuff();
    }
  }
}

这种方式不用重复写大量属性声明，省了不少冗余代码，而且TypeScript依然会严格校验属性的访问，不用担心出现拼写错误或者访问不存在的属性。

如果你还是想保留类似vals的嵌套结构，其实也可以基于枚举直接生成对应对象，但我猜你更想要的是把枚举值直接挂在类实例上的写法，上面两种方式应该刚好匹配你的需求。

内容来源于stack exchange