详解JavaScript ES6中的Generator

Generator是ES6中一种新的函数类型，其最显著的特点就是可以暂停执行，后续又可以从暂停的位置继续执行。本文将介绍Generator的语法、使用方法和常见应用场景。

语法

Generator函数可以使用function*语法定义，函数内部使用yield关键字可以暂停函数的执行，返回yield后面的表达式的值。示例代码如下：

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

上面的代码定义了一个生成器函数myGenerator，该函数内部使用了3次yield，可以用于生成1至3连续的数字。生成器函数不会立即执行，而是返回一个迭代器对象，通过调用迭代器的next()方法可以执行生成器函数并获得值。

const iterator = myGenerator();
console.log(iterator.next()); //{value: 1, done: false}
console.log(iterator.next()); //{value: 2, done: false}
console.log(iterator.next()); //{value: 3, done: false}
console.log(iterator.next()); //{value: undefined, done: true}

可以看到，在执行iterator.next()方法时，每次执行到yield关键字时都会暂停，并将yield后面的表达式的值作为本次的返回值。done属性表示当前操作是否已完成。

应用场景

1. 简化异步操作

由于Generator函数可以暂停执行，因此可以用于简化异步编程。示例代码如下：

function* asyncFunc() {
  //模拟异步操作
  const result = yield Promise.resolve("异步结果");
  console.log(result);
}
const iterator = asyncFunc();
const promise = iterator.next().value;
promise.then((data) => {
  iterator.next(data);
});

上面的代码定义了一个异步操作的生成器函数asyncFunc，其中使用了Promise对象实现异步操作。在外部调用生成器函数的时候，首先调用iterator.next()方法，得到一个Promise对象。当这个Promise对象发生状态改变时（成功或失败），需要根据改变后的状态通过iterator.next()方法将结果传回给生成器函数。

2. 控制流程

由于Generator函数可以被暂停和继续执行，因此可以用于控制流程，实现更加灵活的调用方式。示例代码如下：

function* flowControl() {
  let a = yield "输入值a：";
  let b = yield "输入值b：";
  console.log(`a + b = ${a + b}`);
}
const iterator = flowControl();
let input1 = prompt(iterator.next().value);
let input2 = prompt(iterator.next().value);
iterator.next(parseInt(input1));
iterator.next(parseInt(input2));

上面的代码定义了一个流程控制的生成器函数flowControl，其中使用了prompt()函数实现用户输入操作。在外部调用生成器函数的时候，通过连续调用iterator.next()方法，实现对流程控制的灵活调用。

结语

Generator函数由于其独特的暂停和继续执行特性，可以使用在异步操作、控制流程等场景中，使用方便并且易于理解。