ES6生成器函数：揭秘暂停执行的神奇特性

2023-11-01 18:59:40

ES6中，生成器函数是编程领域的一颗璀璨明珠，它打破了传统函数执行的局限，引入了暂停执行和迭代的全新概念，让程序员能够编写出更加灵活、强大的代码。这篇文章将带您深入剖析ES6中的生成器函数，揭秘其暂停执行的独特性以及如何使用yield来实现迭代。

生成器函数的定义

生成器函数与标准函数非常相似，唯一的区别在于生成器函数在定义时需要添加一个星号*，例如：

function* myGenerator() {
  // 代码块
}

暂停执行与yield

生成器函数之所以能够实现暂停执行，关键在于yield。yield能够暂停生成器函数的执行，并返回一个值给调用者。当生成器函数再次被调用时，它将从yield语句暂停的地方继续执行。

以下代码演示了如何使用yield来暂停生成器函数的执行：

function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = myGenerator();

console.log(generator.next()); // { value: 1, done: false }
console.log(generator.next()); // { value: 2, done: false }
console.log(generator.next()); // { value: 3, done: false }
console.log(generator.next()); // { value: undefined, done: true }

在这个例子中，myGenerator()是一个生成器函数，它使用yield语句将1、2和3这三个值依次返回给调用者。当调用generator.next()时，生成器函数将暂停执行，并返回一个包含value和done两个属性的对象。value属性包含yield语句返回的值，而done属性是一个布尔值，表示生成器函数是否已经完成执行。

生成器函数与迭代器

生成器函数与迭代器有着密切的关系。迭代器是一种对象，它提供了一种遍历其内部元素的方法。生成器函数可以很容易地被转换为迭代器，只需要调用其Symbol.iterator方法即可。

以下代码演示了如何将生成器函数转换为迭代器：

function* myGenerator() {
  yield 1;
  yield 2;
  yield 3;
}

const generator = myGenerator();
const iterator = generator[Symbol.iterator]();

console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }