Generator 生成器

Doe

已于 2022-03-21 21:48:54 修改

阅读量479

点赞数

CC 4.0 BY-SA版权

分类专栏： # 一些知识点文章标签： Generate

于 2021-11-30 14:33:55 首次发布

本文链接：https://blog.csdn.net/weixin_43613849/article/details/121630518

一些知识点专栏收录该内容

48 篇文章

订阅专栏

本文详细解析Generator函数的工作原理，通过实例说明yield关键字在函数暂停和传递值的作用，以及三次next调用的不同结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function *foo(x) {
  let y = 2 * (yield (x + 1))
  let z = yield (y / 3)
  return (x + y + z)
}
let it = foo(5)
console.log(it.next())   // => {value: 6, done: false}
console.log(it.next(12)) // => {value: 8, done: false}
console.log(it.next(13)) // => {value: 42, done: true}

首先 Generator 函数调用和普通函数不同，它会返回一个迭代器

当执行第一次 next 时，传参会被忽略，并且函数暂停在 yield (x + 1) 处，所以返回 5 + 1 = 6

当执行第二次 next 时，传入的参数等于上一个 yield 的返回值(本来返回的是5+1，但是这里传入了12，就返回的是12，y变成了24)，如果你不传参，yield 永远返回 undefined。此时 let y = 2*12，所以第二个 yield 等于 2*12 / 3 = 8

当执行第三次 next 时，传入的参数会传递给 z（z本来是8但是传入的是13所以z变成了13），所以 z = 13, x = 5, y = 24，相加等于 42