Generator 是如何做到中断和恢复的

Question

关键词：Generator 中断、Generator 回复

Generator 是 JavaScript 中一种特殊的函数，它能够通过迭代器协议（Iterator Protocol）实现中断和恢复的功能。

Generator 函数使用 function* 声明，内部可以使用 yield 关键字来定义中断点。当调用 Generator 函数时，它不会立即执行，而是返回一个迭代器对象。通过调用迭代器的 next() 方法，可以逐步执行 Generator 函数，并在每个 yield 关键字处暂停执行并返回一个包含当前值的对象。

当调用 next() 方法时，Generator 函数会从上次暂停的地方继续执行，直到遇到下一个 yield 关键字或函数结束。通过不断调用 next() 方法，可以逐步执行 Generator 函数的代码，并获取每个中断点处的值。

由于 Generator 函数具有中断和恢复的特性，可以用于异步编程，实现一种更直观的方式来处理异步操作。通过 yield 关键字，可以将异步操作分割成多个步骤，每个步骤都可以通过 yield 暂停，等待异步操作完成后再恢复执行。

以下是一个简单的示例，展示了 Generator 函数的中断和恢复特性：

function* generatorFunction() {
  console.log('Step 1');
  yield;
  console.log('Step 2');
  yield;
  console.log('Step 3');
}

const generator = generatorFunction();

generator.next(); // Step 1
generator.next(); // Step 2
generator.next(); // Step 3

在上述示例中，我们定义了一个名为 generatorFunction 的 Generator 函数。在函数体内，使用 console.log 打印了三个不同的步骤，并在每个步骤后使用 yield 关键字暂停执行。然后，我们通过调用 generator.next() 方法逐步执行 Generator 函数。每次调用 next() 方法时，函数会从上次暂停的地方恢复执行，打印相应的步骤。

通过使用 Generator 函数，可以实现更灵活、可控的异步编程模式，提供更好的代码可读性和维护性。