Generator函数天然适合用作状态机，因其能暂停恢复执行、通过yield交出控制权，外部以next(value)传入决策信号驱动分支；每个yield返回统一结构的状态描述，配合switch/if响应动作，支持嵌套委托、异步Promise协作及错误处理。
Generator 函数天然适合用作状态机，因为它能暂停和恢复执行，配合 yield 显式交出控制权，让外部决定下一步走哪条分支。核心思路是：把每个“状态”封装成一个 yield 表达式，外部通过 next(value) 传入决策信号（比如用户选择、条件结果、事件类型），内部根据该值决定跳转到哪个状态逻辑。
用 yield 返回状态标识，由 next() 驱动分支
Generator 不直接“跳转”，而是每次 yield 返回一个可识别的状态描述（如字符串、对象或数字），调用方收到后判断并调用 next() 传入下一个状态名或指令。内部用 switch 或 if/else 响应传入值，进入对应逻辑块。
例如实现一个登录流程状态机：
function* authFlow() {
let state = 'idle';
while (true) {
switch (state) {
case 'idle':
yield { type: 'SHOW_LOGIN_FORM' };
state = 'logining';
break;
case 'logining':
const loginResult = yield { type: 'WAITING_FOR_LOGIN' };
if (loginResult === 'success') {
state = 'authenticated';
} else {
state = 'error';
}
break;
case 'authenticated':
yield { type: 'SHOW_DASHBOARD' };
return { done: true, value: 'logged_in' };
case 'error':
yield { type: 'SHOW_ERROR', message: 'Login failed' };
state = 'idle'; // 自动回到初始态
break;
}
}
}
<p>// 使用示例
const flow = authFlow();
console.log(flow.next()); // { value: { type: 'SHOW_LOGIN_FORM' }, done: false }
console.log(flow.next('success')); // 进入 authenticated 分支</p>用 yield 同时返回数据和可选动作列表
更实用的方式是让每个 yield 返回一个包含当前视图信息 + 可触发动作的对象，调用方渲染界面并绑定按钮，点击后调用 next(actionId) 触发对应分支。
你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。 它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在
立即学习“Java免费学习笔记（深入）”；
-
每个 yield 返回结构统一：如
{ view: 'confirm', data: { order }, actions: ['pay', 'cancel', 'modify'] } -
next(action) 传入动作 ID：Generator 内部用
action值决定后续路径，避免硬编码字符串匹配 -
支持嵌套子流程：遇到需要子状态机的地方（如支付方式选择），
yield*委托给另一个 Generator，自动继承控制流
结合 Promise 实现异步状态切换
真实业务中很多分支依赖异步操作（如 API 调用）。Generator 本身不处理 async，但可与 Promise 协作：在 yield 后等待 Promise resolve，再根据结果调用 next() 推进。
常用模式是封装一个 runner 函数：
async function runStateMachine(genFn, ...args) {
const gen = genFn(...args);
let result = gen.next();
while (!result.done) {
if (result.value instanceof Promise) {
const resolved = await result.value;
result = gen.next(resolved);
} else {
result = gen.next(); // 同步状态直接推进
}
}
return result.value;
}
这样，Generator 内可写 yield fetch('/api/order').then(r => r.json())，runner 会自动 await 并把结果传给下个 next()，保持状态逻辑线性可读。
避免常见陷阱
-
不要在 yield 后直接写复杂条件表达式：如
yield condition ? 'a' : 'b'—— 这样无法暂停，必须用yield显式中断执行点 -
注意 this 绑定：Generator 函数内
this默认为 undefined（严格模式），需手动 bind 或用箭头函数包装 -
错误处理用 try/catch + generator.throw()：外部可调用
gen.throw(err)注入异常，Generator 内用try { yield ... } catch(e) { ... }捕获并跳转错误态
