JavaScript生成器函数

首先，什么是生成器函数？

生成器函数是一种特殊的函数，它可以返回一个迭代器。在执行时，它可以能暂停，后面又能从暂停处继续执行。

调用一个生成器函数并不会马上执行它里面的语句，而是返回一个这个生成器的 迭代器对象。当这个迭代器的 next() 方法被首次（后续）调用时，其内的语句会执行到第一个（后续）出现yield的位置为止，yield后紧跟迭代器要返回的值。或者如果用的是yield*（多了个星号），则表示将执行权移交给另一个生成器函数（当前生成器暂停执行）。

function* generatorFunction(){
    yield 'a';
    yield 'b';
    x=yield "foo";
    yield x;
    yield 'c';
}

const fun = generatorFunction();
fun.next().value; //a
fun.next().value; //b
fun.next().value; //"foo"
fun.next(2); //将 '2' 赋给上一条yield "foo"左边的 "x"。即执行x=2,返回2
fun.next().value; //c
fun.next(); //执行完毕，value值为undefined，done为true

若生成器函数执行结束后，迭代器的next()方法会返回一个对象，其中done属性为true

yield和yield*的区别

1. 首先，他们都是在只能在生成器函数中使用。

2. yield是返回其后面跟随的值，yield*则是用于委托给另一位可迭代的对象，包括生成器。

const generatorFunction = function*(){
    yield:1;
    yield*:[1,2]
}
const fn = generatorFunction()
fn.next(); //1
fn.next(); //2
fn.next(); //3
fn.next(); //value值为undefined，done为true