JavaScript的Generator函数

什么是Generator函数？

Generator函数是一种特殊的函数，它可以暂停和恢复执行，在执行过程中，它可以通过yield关键字返回一个值，但不会终止函数的执行，当再次调用next()方法时，函数会从上次暂停的地方继续执行。

Generator函数的特点

1、使用function*关键字定义

2、内部可以使用yield关键字暂停和恢复执行

3、每次调用next()方法，函数会从上次暂停的地方继续执行

4、可以与for…of循环结合使用，实现异步编程

Generator函数的使用示例

function* countUpTo(max) {
  let count = 1;
  while (count <= max) {
    yield count;
    count++;
  }
}
const generator = countUpTo(5);
console.log(generator.next().value); // 输出：1
console.log(generator.next().value); // 输出：2
console.log(generator.next().value); // 输出：3
console.log(generator.next().value); // 输出：4
console.log(generator.next().value); // 输出：5

与本文相关的问题与解答

问题1：如何使用Generator函数实现一个简单的计数器？

解答：可以使用yield关键字暂停和恢复执行，每次调用next()方法，函数会从上次暂停的地方继续执行。

function* counter() {
  let count = 0;
  while (true) {
    count++;
    yield count;
  }
}

问题2：如何使用Generator函数实现一个简单的延迟器？

解答：可以使用setTimeout()函数模拟延迟，结合yield关键字实现延迟器。

function* delay(ms) {
  yield new Promise((resolve) => setTimeout(resolve, ms));
}