generator函数

generator函数

1.generator函数的声明

 function* fn() {
        console.log('我是generator函数1');
        yield '我是2'

2.调用

返回一个iterator对象，对象里面有个next()方法，返回一个对象，里面有value、done,value代表yield后面的值

 console.log(gen.next());    //我是generator函数1   {value: '我是2', done: false}
    console.log(gen.next()); //我是generator函数2   {value: '我是3', done: false}
    console.log(gen.next()); //我是generator函数3   { value: undefined, done: true }

3.和return的区别

 return: 后面的不执行，代表函数执行完成
 yield:后面的可以执行，通过调用next()继续执行

4.next()方法接收参数

next()方法还可以接收一个参数，它的参数会作为上一个yield的返回值

 function* genEr() {
        console.log('1');
        let res = yield '我是第一个'
        console.log(res);
        let res_1 = yield res
        yield res_1
    }
    let genEr_1 = genEr()
    console.log(genEr_1.next());       //1  {value: '我是第一个', done: false}
    console.log(genEr_1.next('参数')); //参数  {value: '参数', done: false}
    console.log(genEr_1.next('参数1')); //{value: '参数1', done: false}

5.想从其他函数调用另一个函数 用 yield*

function* fn_1() {
        console.log('fn_1');

    }
    function* fn_2() {
        console.log('fn_2');

    }
    function* fn_3() {
        yield* fn_1()
        yield* fn_2()
        console.log('fn_3');
    }
    var fn_4 = fn_3()
    fn_4.next()      //fn_1  fn_2  fn_3