详细介绍es6的Generator

ES6的Generator是一种特殊的函数，可以通过yield关键字将函数的执行暂停，并且可以在暂停的地方向函数传递值。Generator函数可以通过生成器对象的.next()方法来控制函数的执行。

Generator函数的定义使用function*关键字，而不是普通函数的function关键字。在函数体内部，可以使用yield关键字来指定函数的暂停点。

下面是一个简单的Generator函数的例子：

function* generatorFunction() {
  yield 'Hello';
  yield 'World';
  yield '!';
}

const generator = generatorFunction();

console.log(generator.next().value); // 输出：Hello
console.log(generator.next().value); // 输出：World
console.log(generator.next().value); // 输出：!

在上面的例子中，generatorFunction是一个Generator函数，通过调用generatorFunction()可以得到一个生成器对象generator。通过调用generator的.next()方法，可以让Generator函数继续执行，并且返回一个包含value和done属性的对象。value属性表示函数执行到yield语句时的返回值，done属性表示函数是否执行完毕。

Generator函数的特点是可以通过yield语句将函数的执行暂停，并且可以向函数传递值。下面是一个使用yield语句向Generator函数传递值的例子：

function* generatorFunction() {
  const value = yield 'Please enter a value:';
  yield `You entered: ${value}`;
}

const generator = generatorFunction();

console.log(generator.next().value); // 输出：Please enter a value:

console.log(generator.next('Hello').value); // 输出：You entered: Hello

在上面的例子中，通过调用generator.next()方法，程序执行到yield 'Please enter a value:'时暂停，返回字符串'Please enter a value:'作为value属性的值。然后，通过调用generator.next('Hello')方法，将'Hello'作为参数传递给yield语句，程序继续执行，并返回字符串'You entered: Hello'作为value属性的值。

Generator函数还可以使用yield*语句来委托给另一个Generator函数。这样可以方便地组合多个Generator函数。

function* generatorFunction1() {
  yield 'Hello';
  yield* generatorFunction2();
  yield '!';
}

function* generatorFunction2() {
  yield 'World';
}

const generator = generatorFunction1();

console.log(generator.next().value); // 输出：Hello
console.log(generator.next().value); // 输出：World
console.log(generator.next().value); // 输出：!

在上面的例子中，generatorFunction1通过yield语句委托执行generatorFunction2。这样，generatorFunction1会在执行到yield语句时暂停，然后继续执行generatorFunction2，当generatorFunction2执行完毕后，再继续执行generatorFunction1的剩余部分。

Generator函数的特点使得它非常适合用于异步编程，可以通过yield语句将异步操作的结果返回给调用方，从而实现更加清晰和简洁的异步代码