计算属性名可动态生成Generator状态键名，通过外部对象映射实现语义化状态管理；支持常量枚举、运行时值查表及Proxy声明式注册三种方式。
计算属性名可用于在定义 Generator 函数时，动态生成状态节点的键名（即 yield 表达式的标识名），从而构建结构清晰、可读性强的状态映射表。关键在于：Generator 本身不直接支持“命名 yield”，但可通过包装对象 + 计算属性名，在外部建立状态名到 yield 值的映射关系。
用计算属性名构造状态键值对
Generator 函数体中无法直接写 yield [key]: value，但可以在外部对象中利用计算属性名，把每个 yield 的语义名称作为 key，把对应状态值（如 yield 表达式结果或描述符）作为 value：
const STATE_KEYS = {
INIT: 'init',
LOADING: 'loading',
SUCCESS: 'success',
ERROR: 'error'
};
<p>const statusMachine = {
[STATE_KEYS.INIT]: function<em> () {
yield 'initializing...';
},
[STATE_KEYS.LOADING]: function</em> () {
yield 'fetching data...';
},
[STATE_KEYS.SUCCESS]: function<em> () {
yield 'done!';
},
[STATE_KEYS.ERROR]: function</em> () {
yield 'oops!';
}
};</p>这样，statusMachine.init 就是对应初始化状态的 Generator，键名由常量统一管理，便于维护和类型推导。
结合 yield 值自动推导状态名（运行时映射）
若希望根据每次 next() 返回的 {value, done} 动态识别当前状态名，可预先定义一个映射表，将可能的 yield 值（或其特征）映射为状态键名：
- 用唯一字符串、符号（Symbol）或带 type 字段的对象作为 yield 值，增强可识别性
- 构建
valueToStateMap对象，键为 yield 值（或其 hash/toString），值为状态名 - 调用
gen.next()后，查表获取当前状态语义名
const valueToStateMap = {
'INIT': 'init',
'LOADING': 'loading',
'OK': 'success',
'ERR': 'error'
};
<p>function* authFlow() {
yield 'INIT'; // → 映射为 'init'
yield 'LOADING'; // → 映射为 'loading'
yield Math.random() > 0.5 ? 'OK' : 'ERR'; // → 动态映射
}</p><p>const gen = authFlow();
console.log(valueToStateMap[gen.next().value]); // 'init'</p>用 Proxy + 计算属性名实现声明式状态注册
更进一步，可用 Proxy 拦截对象赋值，自动将方法名转为状态键，并绑定 Generator：
- 定义一个空对象
states = {} - 用 Proxy 包裹它，拦截
set，当 key 是字符串且 value 是 Generator 函数时，将其存入并支持计算属性语法 - 配合常量枚举，让
states[STATES.LOGIN]自动指向对应 Generator
const STATES = { LOGIN: 'login', LOGOUT: 'logout' };
<p>const states = new Proxy({}, {
set(obj, key, value) {
if (value && typeof value === 'function' && value.constructor.name === 'GeneratorFunction') {
obj[key] = value;
}
return true;
}
});</p><p>states[STATES.LOGIN] = function<em> () { yield 'logging in...'; };
states[STATES.LOGOUT] = function</em> () { yield 'logging out...'; };</p><p>// 使用时：
const loginGen = states.login(); // ✅</p>注意事项与边界情况
需注意以下几点避免误用：
- Generator 函数本身无内置状态名，所有“命名”都是外部约定，不可用于
instanceof或反射判断 - 若 yield 多个值（如
yield*或循环 yield），单个 yield 值不足以代表完整状态，建议 yield 结构化对象：yield { type: 'LOADING', payload: { step: 1 } } - 计算属性名依赖运行时求值，确保 key 表达式无副作用、可静态分析（利于 TypeScript 类型提取）
- 在 Redux-Saga 等框架中，状态映射通常由
take/fork模式隐式完成，无需手动键名映射
