对yield暂缓执行的理解

yield的含义

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

遍历器对象的next方法的运行逻辑如下。

（1）遇到yield表达式，就暂停执行后面的操作，并将紧跟在yield后面的那个表达式的值，作为返回的对象的value属性值即时返回。

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

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

（4）如果该函数没有return语句，则返回的对象的value属性值为undefined。

需要注意的是，yield表达式后面的表达式，只有当调用next方法、内部指针指向该语句时才会执行，因此等于为 JavaScript 提供了手动的“惰性求值”（Lazy Evaluation）的语法功能。

让我们看看下面这段代码

function* f() {
  for(var i = 0; true; i++) {
    var reset = yield i;
    if(reset) { i = -1; }
  }
}

var g = f();

g.next() // { value: 0, done: false }
g.next() // { value: 1, done: false }
g.next(true) // { value: 0, done: false }

我一开始对他感到茫然，因为如果每一次for循环都是完整执行的，那么yield出来的值应该是0,1,2。所以我猜测，for循环被yield拦腰截断了。以下是我的实践。

首先，因为对于var reset来说，它被yield拦腰截断，所以他应该放在yield的后面

	yield i;
	var reset = next传进来的值 || undefined；
    if(reset) { i = -1; }

为了对他们进行验证，我对上述的代码进行了下列改动并执行

function* f() {
    for(var i = 0,count = 0; count<=2; i++,count++) {
        var reset = yield i;
        console.log(reset);
        console.log('before'+i);
        if(reset) { i = -1; }
        console.log('after'+i);
    }
}
var g = f();
console.log(g.next())
console.log(g.next()) 
console.log(g.next(true))

如果只执行一次g.next()，即把后面的两个g.next()，g.next(true)注释掉
这是返回的结果

{ value: 0, done: false }

如果全部执行，这是返回的结果

{ value: 0, done: false }
undefined
before0
after0
{ value: 1, done: false }
true
before1
after-1
{ value: 0, done: false }

根据结果我们可以知道，第一次的yield确实返回了0，然后yield后面的语句暂缓执行

即我们只执行了红色框框框住的部分，因为reset语句不够完整，所以被放在下一次yield中进行了执行。

在第二次next中，我们先从第一次yield结束之后，把中断的语句执行了之后执行之后的，直到碰到下一个yield。
第三次next中，我们给next传入了值，所以reset的值就变成了true，i=-1，i++，把i的值返回出去。这就可以解释为什么yield返回出来的值是0，1，-1了，因为第一次的for循环只执行了一半就被yield截断了。