JavaScript生成器函数_javascript迭代控制

生成器函数是使用function*定义的特殊函数，调用后返回可迭代的生成器对象，通过yield暂停并按需返回值，适合处理序列数据和分步计算。

生成器函数是 JavaScript 中一种特殊的函数，能够控制迭代过程，实现按需返回值。它不是一次性执行完毕，而是可以在运行中暂停和恢复，非常适合处理序列数据或需要逐步计算的场景。

什么是生成器函数

生成器函数使用 function* 语法定义，调用后返回一个生成器对象，这个对象既是迭代器也是可迭代对象。通过调用 next() 方法，可以逐步获取由 yield 表达式返回的值。

每次执行到 yield 时，函数会暂停，并将对应的值返回；下一次调用 next() 时，函数从上次暂停的位置继续执行。

示例：

function* countUp() {
  yield 1;
  yield 2;
  yield 3;
}
const gen = countUp();
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { value: undefined, done: true }

yield 与 return 的区别

yield 暂停函数并返回一个中间值，后续还能继续执行；而 return 会结束生成器，设置 done: true，之后的 yield 不再生效。

return 的值也会出现在 next() 返回的对象中，但通常只用于终止流程或提供最终结果。

例如：

function* limitedGen() {
  yield 'a';
  return 'end';
  yield 'b'; // 不会被执行
}
const it = limitedGen();
console.log(it.next()); // { value: 'a', done: false }
console.log(it.next()); // { value: 'end', done: true }

利用生成器控制异步流程

虽然现在普遍使用 async/await，但在早期，生成器配合 Promise 曾被用来简化异步操作的书写方式。通过外部工具函数（如 co 库）自动调用 next()，等待异步完成后再推进。

这种方式体现了生成器对执行流的精细控制能力。

现代开发中，即使不直接使用生成器处理异步，理解其机制有助于掌握迭代协议和自定义数据流。

可迭代协议与 for...of 支持

因为生成器对象实现了可迭代协议，可以直接用于 for...of 循环，无需手动调用 next()。

这使得遍历生成的数据序列非常直观。

function* letters() {
  yield 'x';
  yield 'y';
  yield 'z';
}
for (const letter of letters()) {
console.log(letter); // 依次输出 x, y, z
}

基本上就这些。生成器函数为 JavaScript 提供了优雅的迭代控制手段，适合处理无限序列、分步计算或资源节约型数据生成。用好它，能让代码更清晰、高效。