TypeScript中如何将对象转为enum并支持动态键的typings更新？

嘿，这个需求咱们可以通过TypeScript的const断言和typeof操作符结合来实现，既能保留对象的精确字面量类型，又能在动态添加属性时让类型自动同步更新，不会退化成宽泛的{ [x: string]: string }索引签名。

具体步骤如下： #

1. 用const断言定义初始对象
   首先，给初始对象加上as const断言，这样TypeScript会把它推断成只读的字面量类型，而不是模糊的object或者索引签名类型，能精确记录每个键值对的具体值：

   let colors = { RED: "r", GREEN: "g", BLUE: "b" } as const;
   

2. 生成对应的类型别名（模拟enum的类型）
   用typeof操作符基于对象生成对应的类型，这个类型会和对象的结构完全一致，相当于咱们要的“枚举类型”：

   type Colors = typeof colors;
   

   此时Colors类型的结构就是{ readonly RED: "r"; readonly GREEN: "g"; readonly BLUE: "b" }，完全对应原对象的键值。

3. 动态添加属性并更新类型
   因为as const后的对象是只读的，直接修改属性会报错，所以咱们需要通过扩展运算符创建新对象，再重新赋值并加上as const断言，这样TypeScript会自动更新对象的类型，对应的Colors类型也会同步包含新键：

   // 添加YELLOW属性
   colors = { ...colors, YELLOW: "y" } as const;
   

   此时再查看Colors类型，已经自动包含了YELLOW: "y"的定义，不会变成宽泛的索引签名。

完整示例代码 #

// 初始定义，保留精确字面量类型
let colors = { RED: "r", GREEN: "g", BLUE: "b" } as const;

// 生成对应类型
type Colors = typeof colors;

// 获取所有颜色键的类型："RED" | "GREEN" | "BLUE"
type ColorKey = keyof Colors;
// 获取所有颜色值的类型："r" | "g" | "b"
type ColorValue = Colors[ColorKey];

// 动态扩展对象并更新类型
colors = { ...colors, YELLOW: "y" } as const;

// 此时类型自动更新
type UpdatedColorKey = keyof Colors; // "RED" | "GREEN" | "BLUE" | "YELLOW"
type UpdatedColorValue = Colors[UpdatedColorKey]; // "r" | "g" | "b" | "y"

补充说明 #

• 如果你需要类似enum的访问方式（比如Colors.RED），这个类型别名已经支持，因为它完全映射了对象的结构。
• TypeScript原生的enum是静态编译的，无法动态添加成员，而这种typeof + const断言的方式更灵活，能满足你动态扩展属性同时保持类型安全的需求。

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