JavaScript 中生成器怎么暂停复杂的计算任务-js教程-PHP中文网

生成器通过yield主动让出执行权实现逻辑暂停，需手动调用.next()或调度器控制节奏；支持传参恢复和中途取消，但无法卸载cpu压力，耗时计算仍需配合web worker。

javascript 中生成器怎么暂停复杂的计算任务

生成器本身不直接“暂停计算任务”，而是通过 主动让出执行权，把复杂计算拆成多个可中断的步骤，配合外部控制（比如手动调用 .next() 或调度器）来实现逻辑上的暂停。它不冻结线程、不阻塞主线程，也不干预 CPU 密集型运算本身——真正的暂停，靠的是把大任务切片 + yield 控制节奏。

把计算过程显式分步，用 yield 标记暂停点

不能指望生成器自动暂停一个 for 循环或递归；必须把原本连续的逻辑，改写成每次只做一小块、然后 yield 交出控制权。

比如遍历 100 万条数据做转换：不要写 for (let i = 0; i 一气呵成，而是每次处理 1000 条，yield 一次
yield 后返回当前进度（如已处理数量、中间结果），方便 UI 更新或用户取消
示例：分块求和

function* chunkedSum(arr, chunkSize = 1000) {
  let sum = 0;
  for (let i = 0; i     sum += arr[i];
    if ((i + 1) % chunkSize === 0) {
      yield { value: sum, progress: i + 1 }; // 暂停并汇报
    }
  }
  return sum;
}

配合异步调度器，实现非阻塞式推进

如果想让浏览器保持响应，不能在单次 .next() 中做太多事。用 setTimeout、requestIdleCallback 或 Promise 微任务来“节流”调用：

JavaStoryDevelop

你接手一个需求时，是不是经常这样："改一个小字段 → 结果把不相关的代码也改了"、"需求说得很模糊 → 做着做着发现跑偏了"、"数据库加个字段 → 上线才发现漏了数据兼容"、"做了个新功能 → 一个月后自己都忘了当时怎么设计的"、"写到一半被中断 → 再回来不知道从哪继续"；这个 Skill 就是专门解决这些问题的。它会自动探测你的项目环境（JDK、Spring Boot、ORM、数据库、前端框架），记在

下载

每次 .next() 后，等一帧再继续，避免卡顿
用 requestIdleCallback 在浏览器空闲时推进一步
简单调度示意：

async function runGenerator(gen) {
  let result = gen.next();
  while (!result.done) {
    await new Promise(r => setTimeout(r, 0)); // 下一微任务
    result = gen.next();
  }
  return result.value;
}