JavaScript生成器

2023-12-17 04:05:00

生成器的基本使用

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

const generator = generatorFunction();
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: undefined, done: true }

生成器和迭代器

生成器是一种特殊的迭代器，它实现了Iterable接口，因此可以用在任何可迭代对象身上。迭代器是一个对象，它提供了next方法，调用next方法可以返回一个包含value和done两个属性的对象。value属性是迭代器当前指向的元素，done属性是一个布尔值，表示迭代是否结束。

生成器和异步编程

生成器可以用来编写代码异步执行。异步编程是一种编程范式，它允许程序在等待I/O操作完成时继续执行其他任务。在JavaScript中，可以使用生成器和yield来编写异步代码。

function* asyncGeneratorFunction() {
  const data = yield fetch('https://example.com/data.json');
  return data;
}

const asyncGenerator = asyncGeneratorFunction();
asyncGenerator.next().then(response => {
  // 处理response
  asyncGenerator.next(data).then(response => {
    // 处理response
  });
});