Iterator 、Generator（一）

爱是天时地利的迷信---《原来你也在这里》

接上篇Iterator 、Generator

speak is cheap ~

调用Generator函数，返回一个遍历器对象，代表Generator函数的内部指针。以后，每次调用遍历器对象的next方法，就会返回一个有着value和done表达式的值；done属性是布尔值，表示是否遍历结束。

yield表达式

Generator函数返回的遍历器对象，只有调用next方法才会遍历下一个内部状态，所以其实是提供了一种可以暂停执行的函数。yield表达式就是暂停标志。

next方法的运行逻辑：

1. 遇到yield表达式，就暂停执行后面的操作，yield后边的表达式，作为返回的对象的value属性值。

2. 下次调用next方法，再继续往下执行，直到遇到下一个yield表达式

3. 如果没有遇到yield表达式，就一直运行到函数结束，直到return为止，并将return语句后面的表达式的值作为返回对象的value属性

4. 若函数没有return语句，则返回对象的value属性为undefined

yield表达式后边的表达式，只要当调用next方法、内部指针指向该语句时才会执行，相当于js提供了手动的“惰性求值”语法。

function* fen(){
  yield 123 + 456；
}

yield后面的表达式不会立即求值，只会在next方法将指针移到这一句时，才会求值。

yield表达式相当于有记忆功能，记得上一次执行的位置。正常函数只能返回一个值，但是Generator函数可以返回一系列值，因为可以有任意多个yield(generator生成器的意思)。

function* f(){
  console.log("执行了！")
}
var generator = f();
setTimeput(function(){
  generator.next();
},2000);

若f是一个普通函数，在给generator赋值时就会执行。但是，它是一个generator函数，只有调用next方法时，f才会执行。

yield只有用在Generator函数里面，用在其他地方都会报错。

与Iterator接口的关系

任意一个对象的Symbol.iterator方法，等于该对象的遍历器生成函数，调用该函数会返回该对象的一个遍历器对象。

Generator函数就是遍历器生成函数，因此可以把Generator赋值给对象的Symbol.iterator属性，从而使得该对象具有Iterator接口。

var myIterable = {};
myIterable[symbol.iterator]= function* (){
  yield 1;
  yield 2;
  yield 3;
}
[...myIterable] // [1,2,3]

Generator函数执行后，返回一个遍历器对象。该对象本身也具有Symbol.iterator属性，执行后返回自身。

function* gen(){
  // ...
}
var g = gen();
g[Symbol.iterator]() === g;
// true

for... of 循环

for...of循环可以自动遍历Generator函数运行时生成的Iterator对象，且此时不再需要调用next方法。

function* foo(){
  yield 1;
  yield 2;
  yield 3;
  return 4;
}
for(let v of foo){
  console.log(v)
}
// 1 2 3 

一旦next方法返回对象的done属性为true,for...of循环就会中止，且不包含该返回对象。

Generator的应用：

异步操作的同步化表达

function* main(){
  var result = yield request("http://some.url");
  var res = JSON.parse(result);
  console.log(res);
}

function request(url){
  makeAjax(url,function(res){
    it.next(res)
  })
}
var it = main();
it.next();

愿我们有能力不向生活缴械投降---Lin