TypeScript中如何避免字符串枚举值与成员名重复书写？

你写的无初始值简写枚举enum ROLES { simple, admin }不能直接替代当前的字符串枚举写法，核心原因：

• 这种省略初始值的写法是TS的数字枚举，编译后成员值为从0开始递增的数字：ROLES.simple === 0、ROLES.admin === 1，和你需要的字符串值"simple"/"admin"完全不匹配，会导致Group类型的索引约束、业务中用枚举值做字符串判断/传参的逻辑全部出错。
• TS原生字符串枚举没有提供「自动将成员名映射为同名字符串值」的语法糖，只要用原生enum关键字写字符串枚举，就必须手动写成员名 = "成员名"的重复赋值，没有原生语法可以省略。

不需要硬用原生枚举，用TS自带的类型收窄能力就能实现完全等价的效果，还能避免重复书写，主流方案分两种：

方案1：元组转联合（最简洁，零重复书写） #

如果你的场景只需要类型约束+运行时值校验，不需要ROLES.xxx的点语法访问，这是代码量最少的写法，全程只需要写一次枚举值名称：

// 加as const收窄为只读元组，只写一次值名，完全无重复
const ROLES = ['simple', 'admin'] as const;
// 提取值的联合类型，等价于 type ROLES = "simple" | "admin"
type ROLES = typeof ROLES[number];

// 原有Group类型完全兼容，不需要修改
type Group = {
  [key in ROLES]?: string;
};

// 运行时校验值合法性也比原生枚举方便：ROLES.includes(inputVal)

方案2：const常量对象（和原生枚举访问方式一致） #

如果你需要和原生枚举一致的ROLES.simple点访问体验，可以用带as const的只读对象代替，虽然形式上看起来是key: value的写法，但现在VS Code等主流IDE都支持自动补全同名属性值：输入属性名simple后按Tab键，会自动补全后面的: "simple"，不需要手动敲重复内容：

const ROLES = {
  simple: "simple", // IDE自动补全赋值部分，无需手动重复输入
  admin: "admin",
} as const;
// 提取对象值的联合类型，和原生字符串枚举的类型完全一致
type ROLES = typeof ROLES[keyof typeof ROLES];

type Group = {
  [key in ROLES]?: string;
};

// 访问方式和原生枚举完全相同：ROLES.simple === "simple"

两种方案相比原生字符串枚举还有额外优势：编译后不会生成枚举特有的IIFE冗余代码，打包时更容易被Tree-Shaking剔除未使用的成员，减少产物体积。

内容的提问来源于stack exchange，提问作者Fred Hors