JavaScript中Generator怎么配合Thunk函数或者Promise实现异步流程自动化-js教程-PHP中文网

generator本身不执行异步操作，仅提供暂停/恢复机制；需搭配外部执行器（如co库）才能自动运行异步任务，执行器逻辑取决于采用thunk（函数包裹回调）还是promise（yield后等待resolve），两者传值时机与错误处理方式不同，但均依赖递归驱动迭代器，而async/await正是此模式的语法糖。

javascript中generator怎么配合thunk函数或者promise实现异步流程自动化

Generator 本身不执行异步操作，它只提供暂停与恢复的机制。要让它“自动跑完”一串异步任务，必须搭配外部执行器（runner），而执行器的设计方式取决于你用的是 Thunk 函数 还是 Promise —— 两者传递值的时机和方式不同，导致执行逻辑有本质区别。

Thunk 版：靠函数包裹异步逻辑，执行器只管“调用回调”

Thunk 函数的核心是：把异步操作封装成一个“无参函数”，这个函数内部调用原始异步方法，并把回调交给外部来决定。

例如读文件的 Thunk 化写法：

const readFileThunk = fileName => callback => {
  fs.readFile(fileName, 'utf8', callback);
};

Generator 内部 yield 的就是一个 thunk：

function* main() {
  const data1 = yield readFileThunk('a.txt');
  const data2 = yield readFileThunk('b.txt');
  return data1 + data2;
}

执行器只需接收 thunk、调用它、把结果传回 next：

每次 next() 得到一个 { value: thunk, done: false }
执行 thunk(cb)，cb(err, res) → 若 err 就 throw，否则用 res 调用 next(value)
循环直到 done === true

这种模式下，Generator 不依赖 Promise，兼容老环境，但需手动构造 thunk，且错误处理需靠 try/catch + iterator.throw。

Promise 版：yield 返回 Promise，执行器负责 resolve 后续传值

更主流的做法是 yield 一个 Promise 实例，让执行器等待其完成再推进流程：

Java Maven Code Review

审查Java Maven项目（ZIP压缩包或GitLab仓库URL），检查代码规范、命名、模块边界、可维护性问题以及重复代码。

下载

function* fetchFlow() {
  const user = yield fetch('/api/user').then(r => r.json());
  const posts = yield fetch(`/api/posts?uid=${user.id}`).then(r => r.json());
  return { user, posts };
}

执行器的关键逻辑是：