JavaScript生成器与yield用法解析

欢迎各位小伙伴来到golang学习网，相聚于此都是缘哈哈哈！今天我给大家带来《JavaScript生成器与yield使用详解》，这篇文章主要讲到等等知识，如果你对文章相关的知识非常感兴趣或者正在自学，都可以关注我，我会持续更新相关文章！当然，有什么建议也欢迎在评论留言提出！一起学习！

生成器是用function*声明的特殊函数，调用返回Generator实例而非直接执行；yield为暂停点，next()触发执行并返回{value, done}对象；它适合分步控制、协程模拟等场景，但不可重置。

生成器不是普通函数，它返回一个可迭代的迭代器对象，而不是直接执行并返回值。

生成器函数怎么定义和调用

必须用 function* 语法声明，调用时不会立即执行函数体，而是返回一个 Generator 实例。

常见错误：写成 function *（星号前有空格）或漏掉 *，会导致语法错误或普通函数行为。

• function* gen() { yield 1; } ✅ 正确声明
• const g = gen(); → 得到的是迭代器，不是数字 1
• g.next() 才真正触发第一次 yield，返回 { value: 1, done: false }

yield 的作用和暂停机制

yield 是生成器内部的暂停点，每次调用 next()，执行会从上次暂停处继续，直到下一个 yield 或函数结束。

注意：yield 只能在生成器函数内使用，外部或普通函数里用会报 SyntaxError: Unexpected strict mode reserved word。

• yield 表达式本身有返回值：下一次 next(value) 传入的参数会成为本次 yield 表达式的值
• 函数末尾隐式返回 undefined，此时 done: true
• 可以多次 yield，也可以不 yield（此时 next() 立即返回 { value: undefined, done: true }）

生成器的实际用途场景

适合需要分步控制执行、模拟协程、处理异步流程（配合 async / await）、或实现自定义迭代逻辑的场合。

比如实现一个无限斐波那契序列：

function* fib() {
  let a = 0, b = 1;
  while (true) {
    yield a;
    [a, b] = [b, a + b];
  }
}
const it = fib();
it.next().value; // 0
it.next().value; // 1
it.next().value; // 1

再比如用 yield 暂停异步操作（需配合手动驱动或封装）：

• 不能直接 await yield fetch(...)，但可以用 yield Promise.resolve(...) 配合外部循环处理
• 现代更推荐用 async function，生成器在实际项目中已较少直接用于异步控制流
• 仍常用于 redux-saga 这类库中做副作用管理

真正容易被忽略的是：生成器一旦执行到 done: true，后续所有 next() 调用都返回 { value: undefined, done: true }，且无法重置——它是一次性消耗品。

今天关于《JavaScript生成器与yield用法解析》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！