掌握 JS 生成器：轻松入门和妙用指南

2023-11-28 15:54:47

初识 JS 生成器：一种别具一格的 JavaScript 函数

JS 生成器是一种特殊的 JavaScript 函数，它可以暂停执行并返回一个迭代器对象。与普通函数不同的是，生成器函数可以使用 yield 来暂停执行，并在稍后恢复执行。yield 关键字可以将值返回给调用者，也可以接收调用者传递的值。

2. 生成器函数的语法

生成器函数的语法与普通函数非常相似，只是在函数关键字前加上一个星号 (*)，表示这是一个生成器函数。生成器函数内部可以使用 yield 关键字来暂停执行，并将值返回给调用者。yield 关键字可以出现在任何地方，甚至可以在函数的开头或结尾。

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

3. 生成器函数的执行

生成器函数不会立即执行，只有当调用它的 next() 方法时，它才会开始执行。next() 方法将执行生成器函数，直到遇到第一个 yield 关键字，然后暂停执行并返回 yield 表达式中的值。调用者可以继续调用 next() 方法来继续执行生成器函数，直到它完全执行完毕。

const generator = generateSequence(1, 5);

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