JavaScript--Generator函数

最新推荐文章于 2025-06-04 09:06:25 发布

原创最新推荐文章于 2025-06-04 09:06:25 发布 · 487 阅读

CC 4.0 BY-SA版权

文章标签：

84 篇文章

订阅专栏

71 篇文章

订阅专栏

本文介绍了ES6中Generator函数的概念及使用方式。Generator函数是一种异步编程解决方案，它通过yield语句实现函数执行的暂停与恢复，使得函数能够逐个产出一系列值。文章详细解释了Generator函数的工作原理及其返回的遍历器对象。

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

Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同

Generator 函数有多种理解角度。从语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。

执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数。返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态。

形式上，Generator 函数是一个普通函数，但是有两个特征。一是，function关键字与函数名之间有一个星号；二是，函数体内部使用yield语句，定义不同的内部状态

//例
function* helloWorldGenerator() {
  yield 'hello';
  yield 'world';
  return 'ending';
}

var hw = helloWorldGenerator();

由于Generator函数返回的遍历器对象，只有调用next方法才会遍历下一个内部状态，所以其实提供了一种可以暂停执行的函数。yield语句就是暂停标志。

遍历器对象的next方法的运行逻辑如下。

（1）遇到yield语句，就暂停执行后面的操作，并将紧跟在yield后面的那个表达式的值，作为返回的对象的value属性值。

（2）下一次调用next方法时，再继续往下执行，直到遇到下一个yield语句。

（3）如果没有再遇到新的yield语句，就一直运行到函数结束，直到return语句为止，并将return语句后面的表达式的值，作为返回的对象的value属性值。

（4）如果该函数没有return语句，则返回的对象的value属性值为undefined。