JavaScript生成器与yield用法解析

各位小伙伴们，大家好呀！看看今天我又给各位带来了什么文章？本文标题是《JavaScript生成器与yield关键字详解》，很明显是关于文章的文章哈哈哈，其中内容主要会涉及到等等，如果能帮到你，觉得很不错的话，欢迎各位多多点评和分享！

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

生成器（Generator）是 JavaScript 中一种特殊的函数，它能**暂停和恢复执行**，配合 yield 关键字使用，让函数变成可迭代的“中途可控”过程。

生成器函数怎么写

用 function* 声明，不是普通 function。星号位置灵活（function* foo() 或 function *foo() 都行），但必须有。

函数体内可用 yield 暂停执行，并返回一个值给调用方；下次调用 next() 时从中断处继续。

例如：

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]）、解构等场景。

例如：

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 不是魔法，它是让函数“可中断”的语法开关；生成器的价值，在于把控制权部分交还给调用者，实现更灵活的数据流与流程管理。

今天带大家了解了的相关知识，希望对你有所帮助；关于文章的技术知识我们会一点点深入介绍，欢迎大家关注golang学习网公众号，一起学习编程~