深入浅出，轻松理解 JavaScript 中的 generator（生成器）实现

2023-09-07 08:40:18

generator（生成器）概述

generator（生成器）是 ES6 标准引入的新的数据类型。generator 看上去就像是平常用到的函数，但它可以返回多次，和 Promise 一样，也可以用来异步编程。generator 借鉴了 Python 中的 generator 实现，并对其进行了改进，使其更加适合 JavaScript 的语法和语义。

generator（生成器）的工作原理

generator 函数使用 function* 来定义，并在函数体中使用 yield 关键字来暂停函数的执行。当函数执行到 yield 关键字时，函数将返回一个包含当前状态的 generator 对象。当下次调用 generator 对象时，函数将从 yield 关键字处继续执行。

generator 对象可以被多次调用，每次调用都会返回一个新的值。当 generator 对象返回 undefined 时，表示 generator 函数执行完毕。

generator（生成器）的使用方法

generator 函数的使用方法与普通函数非常相似。我们可以在函数名后面跟上参数，并在函数体内使用 yield 关键字来暂停函数的执行。

function* generatorFunction(n) {
  for (let i = 0; i < n; i++) {
    yield i;
  }
}

const generatorObject = generatorFunction(5);

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

generator（生成器）在实际开发中的应用

generator 可以用来实现许多有用的功能，例如：

迭代器：generator 可以很容易地实现迭代器，而迭代器是 JavaScript 中非常重要的一个概念。我们可以使用 for...of 循环来遍历 generator 对象，就像遍历数组一样。
异步编程：generator 可以用来实现异步编程，我们可以使用 yield 关键字来暂停函数的执行，然后在适当的时候再继续执行函数。
状态机：generator 可以用来实现状态机，状态机是一种用于管理复杂状态的编程模型。我们可以使用 yield 关键字来切换状态机的状态，并根据不同的状态执行不同的操作。