什么是JavaScript的生成器函数_yield关键字如何控制执行流程？-js教程-PHP中文网

什么是JavaScript的生成器函数_yield关键字如何控制执行流程？

幻影之瞳

发布： 2025-12-19 19:34:02

原创

601人浏览过

JavaScript生成器函数用function*声明，通过yield暂停执行并返回迭代器对象；每次调用next()从暂停处继续，yield可传值与接收外部输入，适用于惰性计算、自定义迭代及异步编程基础。

什么是javascript的生成器函数_yield关键字如何控制执行流程？

JavaScript的生成器函数是一种可以暂停和恢复执行的特殊函数，yield 是它的核心控制关键字——它让函数不再“一气呵成”，而是像按了暂停键一样，每次调用 next() 才继续往下走一步。

用 function* 声明，内部用 yield 标记暂停点：

function* count() {
  console.log('start');
  yield 1;
  console.log('after first yield');
  yield 2;
  console.log('end');
  return 'done';
}

登录后复制

调用它不会立即执行，而是返回一个**迭代器对象**：

const it = count(); // 没有打印任何内容

登录后复制

每次调用 it.next()，函数从上次暂停处（或开头）运行，直到遇到下一个 yield 或 return：

yield 表达式的值就是 next() 返回的 value；函数结束时 done 变为 true。

FaceSwapper

FaceSwapper是一款AI在线换脸工具，可以让用户在照片和视频中无缝交换面孔。

960

下次调用 next(value) 时传入的参数，会成为上一个 yield 表达式的返回值：

function* echo() {
  let input = yield 'ready?';
  console.log(input); // 'hello'
  yield 'got it';
}

登录后复制

使用时：

it.next() → 返回 { value: 'ready?', done: false }
it.next('hello') → input 得到 'hello'，打印并返回 { value: 'got it', done: false }

生成器适合需要**分步、惰性、可中断**的场景：

基本上就这些。yield 不是魔法，只是把函数执行权交还给调用方，等你再点“播放”才继续——它让 JS 第一次拥有了真正可控的暂停能力。

以上就是什么是JavaScript的生成器函数_yield关键字如何控制执行流程？的详细内容，更多请关注php中文网其它相关文章！

大家都在看：