JavaScript 教程：深入理解生成器(Generators)-CSDN博客

本文链接：https://blog.csdn.net/gitblog_00565/article/details/148940432

JavaScript 教程：深入理解生成器(Generators)

生成器(Generators)是 JavaScript 中一种强大的函数类型，它能够按需生成一系列值，而不是像普通函数那样一次性返回所有结果。本文将带你全面了解生成器的概念、工作原理以及实际应用场景。

生成器基础

生成器函数

生成器通过特殊的函数语法 function* 来定义：

function* generateSequence() {
  yield 1;
  yield 2;
  return 3;
}

与普通函数不同，生成器函数被调用时不会立即执行其代码，而是返回一个称为"生成器对象"的特殊对象：

let generator = generateSequence();
console.log(generator); // [object Generator]

生成器工作原理

生成器的核心方法是 next()，调用它会执行代码直到遇到最近的 yield 语句：

function* generateSequence() {
  yield 1;
  yield 2;
  return 3;
}

let generator = generateSequence();

let one = generator.next();
console.log(one); // {value: 1, done: false}

每次调用 next() 都会返回一个包含两个属性的对象：

value: 当前生成的值
done: 生成器是否已完成执行

生成器会记住它的执行状态，每次 next() 调用都会从上一次暂停的位置继续执行。

生成器与可迭代对象

生成器本质上是可迭代的，这意味着我们可以用 for..of 循环来遍历它生成的值：

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

for(let value of generateSequence()) {
  console.log(value); // 1, 2, 3
}

需要注意的是，for..of 循环会忽略 done: true 时的最后一个 value，所以如果希望所有值都被输出，应该始终使用 yield 而不是 return 来返回值。

生成器组合

生成器组合(Generator Composition)允许我们在一个生成器中嵌入另一个生成器，使用 yield* 语法：

function* generateSequence(start, end) {
  for (let i = start; i <= end; i++) yield i;
}

function* generatePasswordCodes() {
  // 数字 0-9
  yield* generateSequence(48, 57);
  // 大写字母 A-Z
  yield* generateSequence(65, 90);
  // 小写字母 a-z
  yield* generateSequence(97, 122);
}

let str = '';
for(let code of generatePasswordCodes()) {
  str += String.fromCharCode(code);
}
console.log(str); // 输出0-9A-Za-z

yield* 指令将执行"委托"给另一个生成器，使代码更加模块化和可维护。

双向通信

生成器的一个强大特性是支持双向通信 - 不仅可以向外生成值，还可以接收外部传入的值：

function* gen() {
  let result = yield "2 + 2 = ?"; // 向外发送问题
  console.log(result); // 接收外部传入的答案
}

let generator = gen();
let question = generator.next().value; // 获取问题
generator.next(4); // 传入答案

这种双向通信机制使得生成器非常适合实现协程(coroutines)和更复杂的控制流程。

错误处理

我们可以使用 generator.throw() 方法将错误抛入生成器内部：

function* gen() {
  try {
    let result = yield "2 + 2 = ?";
    console.log("这行不会执行");
  } catch(e) {
    console.log(e); // 捕获错误
  }
}

let generator = gen();
generator.next();
generator.throw(new Error("答案未找到"));

这种错误处理机制使得生成器内部的错误可以被外部捕获和处理，反之亦然。