生成器是用function*声明的可暂停恢复执行的特殊函数,通过yield实现惰性求值与双向通信,返回可迭代对象,常用于异步流程控制、按需数据生成及状态机实现。

生成器(Generator)是 JavaScript 中一种特殊的函数,它能**暂停和恢复执行**,配合 yield 关键字使用,让函数变成可迭代的“中途可控”过程。
生成器函数怎么写
用 function* 声明,不是普通 function。星号位置灵活(function* foo() 或 function *foo() 都行),但必须有。
函数体内可用 yield 暂停执行,并返回一个值给调用方;下次调用 next() 时从中断处继续。
例如:
立即学习“Java免费学习笔记(深入)”;
function* count() {
yield 1;
yield 2;
return 3;
}
调用 count() 不会立即执行,而是返回一个生成器对象(如 gen)。每次调用 gen.next() 才推进一次:
gen.next() → { value: 1, done: false }gen.next() → { value: 2, done: false }gen.next() → { value: 3, done: true }(return 的值也计入 value)
yield 是什么,不是 return
yield 是生成器的“暂停点”,它把当前值交出去,同时挂起函数状态(包括变量、执行位置等),等待下一次 next() 唤醒。
和 return 不同:
return 立即终止函数,yield 只暂停,后续还能继续yield 后面的表达式只在 next() 调用时才求值(惰性计算)yield 可以接收外部传入的值:比如 gen.next('hello'),这个 ‘hello’ 会成为上一个 yield 表达式的返回值(用于双向通信)
生成器本质是可迭代对象
生成器对象自动实现 Symbol.iterator 接口,所以能直接用于 for...of、展开运算符([...gen])、解构等场景。
例如:
立即学习“Java免费学习笔记(深入)”;
for (const n of count()) {
console.log(n); // 输出 1, 2
}
注意:return 3 的值不会被 for...of 捕获,因为循环只遍历 done: false 的 yield 值;return 和 throw 属于迭代结束信号,需用 next() 显式获取。
常见用途:简化异步逻辑与自定义迭代
生成器本身不处理异步,但配合 co 库 或手写自动执行器,可以写出类似同步风格的异步代码(async/await 出现前的主流方案)。
更现代实用的场景包括:
按需生成大数据(如无限序列、分页数据流)实现状态机(每个 yield 代表一个状态)封装复杂遍历逻辑(如树的深度优先遍历)与 Promise 组合做协程调度(虽已被 async/await 替代,但原理仍重要)
基本上就这些。yield 不是魔法,它是让函数“可中断”的语法开关;生成器的价值,在于把控制权部分交还给调用者,实现更灵活的数据流与流程管理。
以上就是JavaScript中什么是生成器_yield关键字作用的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1541246.html
微信扫一扫
支付宝扫一扫