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代表的是暂停执行
 
 posted on 2020-09-03 20:02  wen22  阅读(105)  评论(0编辑  收藏  举报