ECMA Script 6_Generator

时间:2023-09-20 16:50:02

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