generator生成器函数

generator生成器函数

 

定义：

• function后面加了*
• 函数体里有 yield关键字

    function* Hello(name) {
        yield `hello${name}`;
        yield `how are you`;
        yield `bye`;
    }

　　

表现形式

• 调用这个函数，不会立即执行函数体里的内容，返回一个对象
• 通过这个对象的next方法，可以驱动函数的执行，但是并不会执行完，执行到下一个yield关键字的时候，停住
• 调用next()方法返回的结果

• value： yield关键字后面的表达式的结果。
• done：函数是否执行完。 （当函数return的时候执行完，返回true）
• 函数return的时候，value是return的内容，done是true

    let ite = Hello('前端君');
    console.log(ite)//[object  Hello]

    console.log(ite.next());//{value: "hello前端军"，done: false}

    console.log(ite.next());//{value: "how are you"，done: false}

    console.log(ite.next());
    console.log(ite.next());//{value: undefined，done: true}

　　

• next()方法可以加参数

• next(参数)
• 这个参数会作为上一个yield关键字的返回值

作用

• 函数可以返回多个值
• 在调用函数之后，可以给函数体里传递数据了
• 调用函数的时候，可以控制函数内部的执行了
• 可以解决异步问题

生成器函数的执行器

// 写一个generator函数的执行器
        function run(gen) {
            // 编写一段递归调用来执行我们的代码
            let lt = gen;//这里调用，上面let就不要调用
            
            // debugger
            return new Promise((reslove, reject) => {
                // {value,done}
                function step(data) {
                    if (data.done) {
                        console.log("递归调用结束了");
                        reslove(data.value)
                    } else {
                        data.value.then(res => {
                            console.log(res);
                            step(lt.next(res))
                        })
                    }
                }

                step(lt.next())
            })
        }
        run(gen);

关键字‘yield*’;

作用：一个Generator函数里面调用另一个Generator函数使用yield*

    function* gen2(){
        yield "gen2 start";
        yield "gen2 end";

    }
    
    function* start(){
        yield "start";
        yield* gen2();
        yield "end";
    }

    var ite1 = start();
    console.log(ite1.next());//start
    console.log(ite1.next());//gen2 start

    console.log(ite1.next());//gen2 end//执行函数时依次执行完
    console.log(ite1.next());//end
    console.log(ite1.next());//undefined

　　

与普通函数的区别：

1. 普通函数用function来声明，Generator函数用function*声明。

　　2.Generator函数函数内部有新的关键字：yield（ 产出），普通函数没有.

return与yield的区别：

    yield在这里起到了十分重要的作用，就相当于暂停执行并且返回信息。

    return代表的是终止执行，yield代表的是暂停执行