Javascript生成器（Generator）的介绍与使用

简介

Javascript生成器是一种特殊类型的函数，它允许我们暂停函数的执行并返回一个中间结果，稍后再继续执行并返回更多的中间结果。在实际应用中，生成器通常用于处理大量数据或者生成一系列的异步任务。

定义

我们可以使用函数声明或函数表达式来定义一个生成器。当定义一个生成器时，我们需要在函数名后面加上一个星号符号*。

// 使用函数声明定义生成器
function* myGenerator() {
  // ...
}

// 使用函数表达式定义生成器
const myGenerator = function*() {
  // ...
}

// 箭头函数定义生成器
const myGenerator = function*() {
  // ...
}

语法

调用生成器函数并不会执行函数中的代码，而是返回一个迭代器。我们可以使用next()方法来获取迭代器所返回的中间结果。

function* myGenerator() {
  console.log('第一次执行生成器');
  yield 1;

  console.log('第二次执行生成器');
  yield 2;

  console.log('第三次执行生成器');
  yield 3;

  console.log('执行结束');
}

const iterator = myGenerator();
console.log(iterator.next().value); // 输出1
console.log(iterator.next().value); // 输出2
console.log(iterator.next().value); // 输出3
console.log(iterator.next().value); // 输出undefined

在上面的例子中，我们定义了一个生成器函数myGenerator，它每次执行到yield关键字时会暂停并返回一个中间结果。我们在代码中首先调用myGenerator函数，获取了一个迭代器对象iterator，然后通过调用iterator.next()方法来获取中间结果。

示例

生成一个斐波那契数列

下面是一个使用生成器来生成斐波那契数列的例子：

function* fibonacciSequence() {
  let prev = 0;
  let curr = 1;

  while (true) {
    let next = prev + curr;
    prev = curr;
    curr = next;

    yield curr;
  }
}

const fibonacci = fibonacciSequence();
console.log(fibonacci.next().value);
console.log(fibonacci.next().value);
console.log(fibonacci.next().value);
console.log(fibonacci.next().value);
console.log(fibonacci.next().value);
console.log(fibonacci.next().value);

在上面的例子中，我们定义了一个生成器函数fibonacciSequence，它不断地生成下一个斐波那契数列的数字。我们在代码中首先调用fibonacciSequence函数，并获取一个迭代器对象fibonacci，然后通过调用fibonacci.next().value方法来输出每一个数字。

模拟异步任务

下面是一个使用生成器来模拟异步任务的例子：

function* simulateAsyncTask() {
  console.log('任务开始执行...');
  yield new Promise(resolve => {
    setTimeout(() => {
      console.log('任务执行完成！');
      resolve('返回数据');
    }, 2000);
  });
  console.log('继续执行后续代码...')
}

const task = simulateAsyncTask();
const promise = task.next().value;
promise.then(data => {
  task.next(data);
});

在上面的例子中，我们定义了一个生成器函数simulateAsyncTask，它模拟了一个异步任务，我们在yield关键字后面返回了一个Promise对象。我们在代码中首先调用simulateAsyncTask函数，并获取一个迭代器对象task，然后通过调用task.next().value方法来获取一个Promise对象，我们通过使用then()方法来获取异步操作的结果，并通过task.next()方法把结果传递给生成器函数。