ECMA Script 6_Generator

Genertor 

是一个普通函数,但是有两个特征:

  • function 关键字 与 函数名之间有一个星号;
  • 函数体内部使用 yield 表达式,定义不同的内部状态(yield 在英语里的意思就是“产出”)

调用 Generator 函数后,该函数并不执行,

返回的也不是函数运行结果,而是一个指向内部状态的指针对——遍历器对象(Iterator Object)

必须调用 遍历器对象 newIterator.next() 方法,使得指针移向下一个状态,

直到遇到 yield,yield 表达式就是暂停标志,并将紧跟在 yield 后面的那个表达式的值,作为返回的对象的 value 属性值

  • function* helloWorldGenerator() {
        yield 'hello';
        yield 'world';
        return 'ending';
    };
    
    var newIterator = helloWorldGenerator();    // 还未执行
    hw.next();    // { value: 'hello', done: false } // value 属性 就是当前 yield 表达式的值 hello
    hw.next();    // { value: 'world', done: false }
    hw.next();    // { value: 'ending', done: true } // 遍历已经结束了

    hw.next();    // { value: undefined, done: true } //

该函数有三个状态:'hello','world' 和 return 语句(结束执行)

ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同

语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态

执行 Generator 函数会返回一个遍历器对象,返回的遍历器对象,可以依次遍历 Generator 函数内部的每一个状态

4

4

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

55

5

5

5

5

5

5

5

5

55

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

posted @ 2018-12-17 15:15  耶梦加德  阅读(140)  评论(0编辑  收藏  举报