什么是javascript的生成器函数?_如何使用yield关键字控制javascript函数执行流程?

13次阅读

javaScript生成器函数是可暂停和恢复执行的特殊函数,通过function*声明并返回迭代器对象,调用next()方法逐步运行,yield关键字实现暂停、返回值及双向通信,适用于惰性计算、异步流程和自定义迭代等场景。

什么是javascript的生成器函数?_如何使用yield关键字控制javascript函数执行流程?

javascript 的生成器函数是一种可以暂停和恢复执行的特殊函数,它通过 yield 关键字把函数拆成多个可中断的执行片段,每次调用 next() 方法时运行到下一个 yield 表达式并返回其值。

生成器函数的基本定义和调用方式

生成器函数使用 function* 语法声明,调用后不立即执行,而是返回一个迭代器对象。这个对象提供 next() 方法来逐步驱动函数运行。

  • 函数名前加星号:function* myGenerator() { ... }
  • 调用时不执行逻辑:const it = myGenerator();
  • 首次调用 it.next() 才开始执行,直到遇到第一个 yield
  • 每次 next() 返回形如 { value: ..., done: true|false } 的对象

yield 关键字如何控制执行流程

yield 是生成器函数的暂停点。函数在每个 yield 处暂停,并把右侧表达式的值作为 next() 调用的返回值 value;当再次调用 next() 时,函数从暂停处继续,且上一次 next() 传入的参数会成为当前 yield 表达式的返回值(可用于双向通信)。

  • yield 123next() 返回 { value: 123, done: false }
  • const x = yield 'hello' → 下次 next('world') 会让 x 等于 'world'
  • 函数末尾或执行完所有代码后,done 变为 truevalue 是函数的返回值(或 undefined

常见实用场景举例

生成器适合需要分步、按需、可中断的逻辑,比如模拟异步流程、实现状态机、生成无限序列或封装迭代逻辑。

立即学习Java免费学习笔记(深入)”;

  • 惰性列表:生成斐波那契数列,每次调用 next() 得到下一个数,不预先计算全部
  • 异步流程控制:配合 co 库或手写 runner,用同步风格写异步逻辑(ES2017 后多被 async/await 替代,但原理相通)
  • 自定义迭代器:让对象支持 for...of,只需在 [symbol.iterator] 中返回生成器函数

注意几个关键细节

生成器函数不能被 new 调用,也不支持箭头函数写法;yield 只能在生成器函数内部使用;一旦生成器进入 done: true 状态,后续所有 next() 调用都返回 { value: undefined, done: true }

  • 不能 return 后再 yield,但可以在 yieldreturn(返回值体现在最后一次 next()value 中)
  • yield* 可以委托另一个生成器或可迭代对象,把控制权“转交”过去
  • 生成器对象本身是可迭代的,所以能直接用于 for...of、扩展运算符
text=ZqhQzanResources