Generator

时间：2016-05-31 23:47:09 阅读：186 评论：0 收藏：0 [点我收藏+]

标签：

一、Generator概述

1、Generator函数是一个普通函数，但是有以下几个特征：

function关键字与函数名之间有一个星号　　//一般星号紧挨function关键字
函数体内部使用yield语句，定义不同的内部状态　　//使用实例的next()方法可依次取得不同的状态
返回值是‘遍历器对象‘
返回值是本身Generator函数的一个实例
每一次调用都会产生新的‘遍历器对象‘
无论何种遍历方式都只能遍历一次　　//for...of||next()||...运算符　　　　//只能被遍历一次

2、yield语句　　

遇到yield语句，就暂停执行后面的操作，并将紧跟在yield后面的那个表达式的值，作为返回的对象的value属性值
下一次调用next方法时，再继续往下执行，直到遇到下一个yield语句
如果没有再遇到新的yield语句，就一直运行到函数结束，直到return语句为止，并将return语句后面的表达式的值，作为返回的对象的value属性值
如果该函数没有return语句，则返回的对象的value属性值为undefined
yield语句不能用在普通函数中，否则会报错
yield语句如果用在一个表达式之中，必须放在圆括号里面
yield语句后面如果是一个函数，只用非匿名函数才会执行函数，否则只返回Function对象　　//如下图：

3、与Iterator接口的关系

Generator函数就是遍历器生成函数，因此可以把Generator赋值给对象的Symbol.iterator属性，从而使得该对象具有Iterator接口
Generator函数执行后，返回一个遍历器对象。该对象本身也具有Symbol.iterator属性，执行后返回自身

4、测试如下：　　　　　　

　　　技术分享　　

二、next()方法的参数

1、next方法可以带一个参数，该参数就会被当作上一个yield语句的返回值。

2、Generator函数从暂停状态到恢复运行，它的上下文状态（context）是不变的。通过next方法的参数，就有办法在Generator函数开始运行之后，继续向函数体内部注入值。也就是说，可以在Generator函数运行的不同阶段，从外部向内部注入不同的值，从而调整函数行为。

三、for...of

1、for...of循环可以自动遍历Generator函数，且此时不再需要调用next方法。

四、Generator.prototype.throw()

1、Generator函数返回的遍历器对象，都有一个throw方法，可以在函数体外抛出错误，然后在Generator函数体内捕获

2、遍历器对象的throw方法和全局的throw命令

五、Generator.prototype.return()

1、Generator函数返回的遍历器对象，还有一个return方法，可以返回给定的值，并且终结遍历Generator函数

2、如果return方法调用时，不提供参数，则返回值的value属性为undefined

3、如果Generator函数内部有try...finally代码块，那么return方法会推迟到finally代码块执行完再执行。

六、yield*语句

1、用来在一个Generator函数里面执行另一个Generator函数　　//将其展开成多个yield语句

2、yield*是for...of的一种简写形式，完全可以用后者替代前者

3、如果yield*后面跟着一个数组，由于数组原生支持遍历器，因此就会遍历数组成员　　//字符串也一样

4、任何数据结构只要有Iterator接口，就可以被yield*遍历

5、yield*命令可以很方便地取出嵌套数组的所有成员。

function* iterTree(tree) {
  if (Array.isArray(tree)) {
    for(let i=0; i < tree.length; i++) {
      yield* iterTree(tree[i]);
    }
  } else {
    yield tree;
  }
}

const tree = [ ‘a‘, [‘b‘, ‘c‘], [‘d‘, ‘e‘] ];

for(let x of iterTree(tree)) {
  console.log(x);
}
// a
// b
// c
// d
// e