计算属性名允许用枚举值动态生成对象键名：字符串枚举直接使用，数字枚举自动转字符串，symbol枚举不推荐；需确保枚举值合法唯一，避免undefined/null及副作用；typescript中推荐const enum或as const提升类型安全。
计算属性名（Computed Property Names）是 ES6 提供的语法糖，它允许你在对象字面量中用表达式动态生成键名。要将枚举值无缝转换为对象的物理键名，核心在于：把枚举成员作为计算属性名的表达式，让 JavaScript 在定义对象时自动求值并作为 key 使用。
理解枚举与计算属性名的配合逻辑
枚举本质上是一组命名常量，常见形式是对象或 const 声明的变量。计算属性名用方括号 [expression] 包裹表达式，该表达式在对象创建时立即执行，并将其返回值转为字符串作为键名。只要枚举值是字符串、数字或有合法 toString() 行为的值，就能直接参与计算属性名。
- 字符串枚举最直观，如 enum Status { PENDING = "pending", DONE = "done" }，[Status.PENDING] 就是 "pending"
- 数字枚举也支持，如 enum Level { LOW = 1, HIGH = 2 }，[Level.LOW] 会转为字符串 "1"（JavaScript 自动调用 toString）
- Symbol 枚举需谨慎，因 Symbol 作为对象键时不会被 JSON 序列化，且不能隐式转为字符串，通常不推荐用于需要“物理键名”的场景
实际写法：一步到位生成带枚举键的对象
无需先定义空对象再赋值，直接在对象字面量中使用计算属性名，结合枚举值初始化数据结构。
- 例如映射状态到颜色：const statusColorMap = { [Status.PENDING]: "#ff9800", [Status.DONE]: "#4caf50" };
- 搭配解构或展开运算符也很自然：const config = { ...defaultConfig, [Status.ERROR]: "retry" };
- 若枚举是数字型但希望保留语义键名，可显式转字符串：[String(Level.HIGH)]: "aggressive"（不过多数情况直接用即可）
类型安全提示（TypeScript 场景）
在 TypeScript 中，如果枚举是 const enum 或使用 as const 定义的字面量对象，编译器能推断出精确的字符串字面量类型，使对象键具备强类型约束。
- 推荐用 const enum 或 as const 避免运行时枚举对象开销，同时保持类型精度
- 例如：const Status = { PENDING: "pending", DONE: "done" } as const;，此时 Status.PENDING 类型就是 "pending" 而非 string
- 这样定义的对象：const map: Record
= { [Status.PENDING]: "loading..." }; ，编辑器和类型检查能准确识别键的取值范围
避免常见陷阱
不是所有枚举值都适合直接当键——关键看是否会产生合法、唯一、可预测的字符串。
- 不要用未定义或 null/undefined 的枚举成员，会导致键名为 "undefined" 或 "null"，容易引发误匹配
- 避免在计算属性名中调用可能抛错或副作用的函数，比如 [api.getStatus()] —— 对象字面量应是纯声明式结构
- 注意枚举值重复问题：若两个枚举成员值相同（如 A = "x", B = "x"），它们在对象中会覆盖彼此，物理键名无法区分
