JS generator

1. 生成器函数的声明

function* 函数名() {}  //一般都用声明方式

var 函数名 = function* () {}

2. 调用方式

        1. 普通函数的调用方式

若直接用“函数名（）”的方式进行调用，generator函数并不会执行。

function* fn(){
        console.log(222);
}
fn()
console.log(fn());

而打印generator函数调用的结果（即其返回值），只能得到下图所示一个生成器对象，可以用来进行迭代。

        2. 正确调用方式

genegrator函数的执行需要调用genegrator函数返回值的next()方法

function* fn(){
    console.log(222);
}
fn().next()

//或者将genegrator函数的返回值赋值给一个变量(锁住generator函数作用域)，然后通过该变量调用next()
var f = fn()
f.next()

next()的返回值为一个对象：

{

        value:yield后跟的值，//下文解释yield

        done:true/false，//是否继续可以迭代

}

next()调用时可以传一个参，作为上一个yield的返回值

3. 异步的体现

generator函数的异步主要体现在它有yield

        yield与return类似，区别是：

1. return是终止执行，后面的语句不执行，return后面的内容是函数的返回值
2. yield是暂停执行，只要继续调用next方法，后面的语句就继续执行，

        每当调用生成器函数执行到yield时，便会暂停执行，等下一次调用时，继续接着上一次的进度继续执行，再此遇到yield，便再次暂停

        而yield的返回值（a = yield 10）为下一次的调用时next的参数

    function* fn1() {
        console.log(111)
        var a = yield 10
        console.log(a);  //2
        console.log(101010)
    }
    function* fn2() {
        console.log(222)
        var b= yield 20
        console.log(b);//3
        console.log(202020)
    }
    function* fn3() {
        var c = yield* fn1()  //相当于把fn1的内容复制到这里了
        yield* fn2()
        console.log(c);   //undefined
        console.log(333)
    }
    var gn = fn3()
    console.log(gn);
    gn.next(1)	//111   //第一次调用没有上一个yield，这里的参数1没有用处
    gn.next(2)	//  222
    gn.next(3)	//   202020