JavaScript生成器通过function*定义,使用yield暂停执行并返回值,调用next()恢复运行,适合处理延迟计算与异步流程。

JavaScript 生成器是一种特殊函数,能暂停执行并保留当前状态,之后可恢复。它通过 function* 定义,并使用 yield 暂停函数运行。这种机制适合处理延迟计算、异步流程控制和大数据流场景。
定义生成器函数
生成器函数用 function* 语法声明,调用时返回一个可迭代的生成器对象,不会立即执行函数体。
function* myGenerator() { yield '第一步'; yield '第二步'; return '结束'; }const gen = myGenerator(); // 此时函数未执行console.log(gen.next()); // { value: '第一步', done: false }yield 的作用与行为
yield 表达式用于暂停函数执行,并将值传出。每次调用生成器的 next() 方法,函数会运行到下一个 yield 或 return。
- yield 左侧的表达式会被求值并作为 next() 返回对象的 value
- 函数执行暂停,直到下一次调用 next()
- 若 next() 带参数,该参数会成为上一个 yield 表达式的返回值
遍历生成器输出
生成器对象是可迭代的,因此可以用 for...of 循环自动遍历所有 yield 值,直到 done 为 true。
立即学习“Java免费学习笔记(深入)”;
云枫工作室企业网站源代码(.net)Version 4.0 是云枫工作室基于.net环境独立开发的一套适用于企业使用的企业网站系统。.net+access.网站使用了模板动态生成静态页面技术,前台页面是生成纯静态的。网站包括了信息管理,产品管理,新闻管理和在线留言。可以在后台设置网站名称,标题,关键字和网站描述。配置说明:服务器空间需要支持.net2.0,还要有可写的权限(这个是必要的,因为网站前
注意:for...of 不会遍历 return 的值,除非使用扩展语法 [...colors()],但 return 值仍不会包含在数组中。
实际应用场景
生成器适用于需要逐步产生数据或控制执行节奏的场景。
- 无限序列生成(如斐波那契数列)
- 分页数据加载模拟
- 简化异步操作管理(配合 yield 和 Promise)
基本上就这些。function* 和 yield 提供了灵活的控制流手段,理解其惰性求值特性对高效使用很关键。









