Generator函数是一种异步编程解决方案。他好比一个状态机，封装了多个内部状态。
执行Generator函数会返回遍历器对象（ITerator Object）；
1.Generator函数定义
function* g(){.................}//一般都这么写
2.yield语句
Generator函数正是运用yield语句来定义内部不同的状态。例如：
```
function* f（）{
yield 'hello';
yield 'world;
return 'ednding'
}
```
Generator返回的遍历器对象只能调用next()方法来遍历他的内部状态，next()方法的执行逻辑：
遇到yield语句就暂停执行；
下次调用next()方法的时候再继续执行，直到遇到下一个yield语句；
如果下面没有yield语句，就一直向下运行，那遇到return语句为止；
如果没有return语句，则运行到函数尾部，并返回value:undefinned;
注意：
（1）yield后面的语句不会执行，只有在next()方法将指针移到这一句时才求值，例如：
```
function* gen(){
console.log('执行了’)
}
vargenerator = gen(); //此处没有任何输出 gen() 仅仅是创建了一个generator对象，还没有去执行它
generator.next(); //此处输出为“执行了”
```
（2）yield语句不能在普通函数里，否则会报错。
3.next方法参数
yield语句没有返回值，所有都返回undefined;例如：var r = yield 1; r其实值为undefined
next 方法可以带参数，该参数作为上一条yield语句的返回值。
4.for...of循环（原生的JavaScript对象没有遍历接口，所以无法使用for...of循环）
for...of 循环可以自动遍历Generator函数，而不用再使用next 方法；例如
```
function* foo(){
yield 1;
yield 2;
yield 3;
yield 4;
return 5;
}
for(let v of foo()){
console.log(v)
}
//1,2,3,4
```
注意：一旦next返回对象的done属性为true，for...of 就会终止，且不包含该返回对象
5.Generator.prototype.return()
Generator函数返回的遍历器对象还有一个return方法，可以返回给定的值，并终结Generator函数的遍历。
仍沿用4里面的例子:
```
var f = foo();
f.next() //{value:1,done:false}
f.return("foo") //{value:"foo",done:true} 如果return方法里面没有跟参数那么返回值value为undefined
f.next() //{value:undefined,done:true}
```
6.yeild* 语句
如果在Generator函数内部调用另一个Generator函数默认情况下是没有效果的；
这是就要用到yield*语句
7.作为对象属性的Generator函数
```
let obj = {
* myGeneratorMethod(){
...........
}
```
8.Generator函数的this指针
Generator函数总返回一个遍历器，ES6规定这个遍历器是Generator函数的实例，他也继承了Generator函数的prototype的对象上的实例。
网友评论