JavaScript 生成器：巧用 yield 与 yield* 解决难题

JavaScript 生成器：遍历数据集合、控制执行流和编写异步代码

生成器简介

想象一下生成器就像一个神奇的容器，能够按需生成值。在 JavaScript 中，生成器是一种强大的工具，可让你轻松创建迭代器。迭代器是一种对象，它可以顺序访问集合中的元素。生成器通过使用 yield 实现这一功能，该关键字允许你暂停生成器的执行，并在稍后从中断处恢复。

遍历数据集合

生成器最常见的用途之一是遍历数据集合。以下示例展示了如何使用 yield 关键字创建生成器函数来遍历数组：

function* generateArray() {
  for (let i = 0; i < 10; i++) {
    yield i;
  }
}

要使用生成器函数，你可以使用 for...of 循环：

const generator = generateArray();

for (const number of generator) {
  console.log(number);
}

这将按顺序输出数组中的每个元素。

组合多个生成器

生成器还可以组合在一起，形成更复杂的数据结构。例如，以下示例展示了如何使用 yield* 关键字组合两个生成器函数：

function* generateEvenNumbers() {
  for (let i = 0; i < 10; i++) {
    if (i % 2 === 0) {
      yield i;
    }
  }
}

function* generateNumbers() {
  yield* generateEvenNumbers();
}

使用组合的生成器函数：

const generator = generateNumbers();

for (const number of generator) {
  console.log(number);
}

这将按顺序输出所有偶数。

控制执行流

生成器不仅仅是遍历数据集合，还可以控制执行流。你可以使用 yield 关键字暂停生成器的执行，然后使用 next() 方法恢复执行。这允许你创建循环和条件语句，如下例所示：

function* generateNumbers() {
  let i = 0;
  while (true) {
    yield i;
    i++;
  }
}

使用 next() 方法控制执行流：

const generator = generateNumbers();

for (let i = 0; i < 10; i++) {
  console.log(generator.next().value);
}

这将无限循环，输出从 0 到 9 的数字。

创建异步代码

生成器还可以用于创建异步代码。通过使用 yield 关键字，你可以暂停生成器的执行，等待异步操作完成，然后从中断处恢复。这使得编写异步代码更加容易和可读。

以下示例展示了如何使用生成器创建异步函数：

async function* generateNumbers() {
  for (let i = 0; i < 10; i++) {
    await new Promise((resolve) => setTimeout(resolve, 1000));
    yield i;
  }
}

使用异步生成器函数：

const generator = generateNumbers();

for (const number of generator) {
  console.log(number);
}

这将按顺序输出从 0 到 9 的数字，每秒一个。

结论

JavaScript 生成器是一个功能强大的工具，可以用于解决各种问题，包括遍历数据集合、控制执行流和创建异步代码。它们特别适合编写更具表达性和可读性的代码。如果你想编写高质量的 JavaScript 代码，我强烈建议你学习和使用生成器。

常见问题解答

1. 生成器和迭代器之间有什么区别？

   • 生成器是一种创建迭代器的函数，而迭代器是一种对象，它允许你按顺序访问集合中的元素。

2. yield 关键字有什么作用？

   • yield 关键字允许你暂停生成器的执行，并在稍后从中断处恢复。

3. 生成器如何帮助我控制执行流？

   • 你可以使用 yield 关键字暂停生成器的执行，然后使用 next() 方法恢复执行。这允许你创建循环和条件语句。

4. 如何使用生成器创建异步代码？

   • 通过使用 yield 关键字，你可以暂停生成器的执行，等待异步操作完成，然后从中断处恢复。

5. 生成器有什么优点？

   • 生成器易于使用、灵活且功能强大，它们可以帮助你编写更具表达性和可读性的代码。