Generator：JavaScript 异步编程利器

2023-10-18 03:12:58

Generator 概述

Generator 是一个生成器函数，它返回的是一个生成器对象。从形式上看，Generator 函数是一个普通函数，但是它有两个特征。第一，执行 Generator 函数会返回一个遍历器对象，可以使用 for..of 循环来遍历出 Generator 函数的返回值。第二，Generator 函数可以通过 yield 来暂停执行，并且可以在以后继续执行。

yield 关键字是 Generator 函数的关键。它可以将 Generator 函数的执行暂停在当前位置，并将当前位置的值返回给调用者。当调用者再次调用 Generator 函数时，它将从暂停的位置继续执行。

Generator 函数可以看作是一种协程。协程是一种用户态的轻量级线程，它可以在多个任务之间切换执行。Generator 函数也是如此，它可以暂停执行，然后在以后继续执行，从而实现协程的效果。

Generator 的应用

Generator 函数在 JavaScript 中有着广泛的应用。以下是一些常见的应用场景：

处理大型数据集：Generator 函数可以将大型数据集分成更小的块，然后逐块处理。这可以避免一次性将所有数据加载到内存中，从而提高内存利用率和程序性能。
流数据处理：Generator 函数可以将流数据分成更小的块，然后逐块处理。这可以避免一次性将所有数据加载到内存中，从而提高程序性能。
异步操作：Generator 函数可以将异步操作分成更小的步骤，然后逐步执行。这可以避免阻塞主线程，从而提高程序的响应速度。
代码可读性和可维护性：Generator 函数可以将复杂的操作分解成更小的步骤，从而提高代码的可读性和可维护性。

Generator 函数的语法

Generator 函数的语法与普通函数非常相似，但是它需要使用 function* 关键字来声明。例如：

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

这个 Generator 函数将生成一个遍历器对象，其中包含三个值：1、2 和 3。您可以使用 for..of 循环来遍历这个遍历器对象：

const generator = generatorFunction();

for (const value of generator) {
  console.log(value); // 输出：1 2 3
}

Generator 函数的暂停和恢复

Generator 函数可以通过 yield 关键字来暂停执行。当 yield 关键字执行时，Generator 函数将返回当前位置的值，并将执行权交给调用者。当调用者再次调用 Generator 函数时，它将从暂停的位置继续执行。

例如：

function* generatorFunction() {
  const value1 = yield 1;
  console.log(value1); // 输出：undefined
  const value2 = yield 2;
  console.log(value2); // 输出：3
  return 3;
}

const generator = generatorFunction();

generator.next(); // 输出：{ value: 1, done: false }
generator.next(3); // 输出：{ value: 2, done: false }
generator.next(); // 输出：{ value: 3, done: true }