generator详解

generator函数

1.generator是什么: generator是一个迭代生成器,其返回值为迭代器(lterator),是ES6标准引入的新的数据类型,它借鉴于Python中的generator概念和语法;

迭代器协议: 定义了一种标准的方式来产生一个有限或无限序列的值;
当一个对象被认为是一个迭代器时,它实现了一个 next() 的方法,next()返回值如下:
{
done:true,//false迭代是否结束,
value:v,//迭代器返回值
}

2.generator的用途:在JavaScript中,一个函数一旦被执行,就会执行到最后或者被return,运行期间不会被外部所影响打断,而generator的出现就打破了这种函数运行的完整性。

3.generator函数与普通函数的区别:

    a.function关键字与函数名中间有一个*键
    b.Generator函数使用了yield表达式
    c. 直接调用 Generator函数并不会执行,也不会返回运行结果,而是返回一个遍历器对象(Iterator Object)
    d.调用Generator函数时需用到next(),如果有多个yield状态,要依次调用next()
    e.该生成器函数执行后会返回一个Iterator对象,对象内有yield的返回值,以及还有一个状态done的属性(该属性表示当前生成器内yield表达式全部执行完毕,执行完毕返回true)
    {
         done:true,//false迭代是否结束,
         value:v,//迭代器返回值
    }

4.generator函数的语法:

   // 传统函数
      function foo() {
         return 'hello world'
     }

     foo()   // 'hello world',一旦调用立即执行


     //Generator函数
        function* persition(){
            yield '我是generato生成器';
            yield '我要开始了';
            return '结束'
        }
        //创建一个句柄,赋值给生成器
        var iterator =persition();
        //直接调用并不能被立即执行
        console.log(iterator)
        //需使用next()方法来调用这个生成器 next()方法调用一次,
        //并不能将Generator函数内的yield值全部打印出来,需要依次进行调用
        console.log(iterator.next())
        console.log(iterator.next())
        //如果iterator对象内done为true,证明Generator函数执行完毕
        console.log(iterator.next())

5.yield表达式:


    yield 表达式只能用在 Generator 函数里面,用在其它地方都会报错
        function(){
            yield 1;
        }
        // SyntaxError: Unexpected number
        // 在一个普通函数中使用yield表达式,结果产生一个句法错误
}

6.next():

    generator函数(生成器)调用的唯一方法,且注意需依次调用next方法,
    对于普通的生成器,第一次next调用,相当于启动生成器,会从生成器函数的第一行代码开始执行,直到第一次执行完yield语句后,跳出生成器函数。
    然后第二个next调用,进入生成器函数后,从yield语句的下一句语开始执行,然后重新运行到yield语句,执行后,跳出生成器函数,

generator函数总结:

    Generator 函数是分段执行的,yield表达式是暂停执行的标记,而 next方法可以恢复执行

你可能感兴趣的:(generator,javascript)