生成器函数是使用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 不再生效。
立即学习“Java免费学习笔记（深入）”；
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 提供了优雅的迭代控制手段，适合处理无限序列、分步计算或资源节约型数据生成。用好它，能让代码更清晰、高效。
以上就是JavaScript生成器函数_javascript迭代控制的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1540361.html
微信扫一扫 
支付宝扫一扫 
