对generator和yield的一些理解

于是也是入了ES6的坑，为什么只有babel这种ES6转ES5的工具，而没有ES5转ES6的工具呢？可能有，但是我不知道。如果有的话，就能把5转成6，起码看起来逼格高了一大截，也能让我这种还不习惯ES6的小白假装会写ES6…

简单的看了一下相关的概念，觉得还不太理解…就好像最开始看原型链一样，花了一年多才慢慢理解继承啊什么的，但constructor和__proto__之类的东东我也还（4声）没整明白…真是资质愚钝QAQ

generator function

一个generator函数大概长这样：

function* foo() {
  console.log(111);
  yield 123;
  console.log(222);
  yield 456;
  console.log(333);
}

var a = foo(3); //此时函数不会执行
a.next(); //此时函数执行到第一句含有yield的语句时就暂停了，也就是只打印了 111
a.next(); //此时函数执行到第二句含有yield的语句时暂停，打印了 222
a.next(); //已经没有yield语句了，将会打印333，函数执行完毕
a.next(); //已经没有yiedl语句了，什么也不会打印

定义的时候多加一个星星号function*
generator函数中通常都会有yield，如果没有yield那就定义一个普通函数就好了
函数不会立即执行，使用.next()方法时，函数才会执行；

yield

yield到底是一个什么东东呢？操作符？对象？还是别的什么，这个我还没搞明白。

看看阮一峰老师的这个例子，有助于理解参数的一些问题：

function* foo(x) {
  var y = 2 * (yield (x + 1));
  var z = yield (y / 3);
  return (x + y + z);
}

var a = foo(5);
a.next(); // Object{value:6, done:false}
a.next(); // Object{value:NaN, done:false}
a.next(); // Object{value:NaN, done:false}

var b = foo(5);
b.next(); // { value:6, done:false } ，此时x=5，var y还没执行
b.next(12); // { value:8, done:false }，此时x=5，y=24，var z还没执行
b.next(13); // { value:42, done:true }，此时x=5，y=24，

当上面的函数运行b.next(12)这一句时，x=5，y=24，var z还没执行，返回对象为{ value:8, done:false }

Q: 为什么y=24？
A: 因为第二个next方法的参数传给上一个yield，也就是第一个yield，所以var y = 2 * 12

Q: 为什么返回对象value为8？
A: 因为第二个yield后面跟的表达式是 y/3，y=24，所以返回的对象value为8

yield是一个暂停的标记，使用.next()方法运行函数时，遇到yield就会暂停
yield用在表达式中必须加括号扩起来，比如这样var a = 1 + (yield 1+1)
调用.next()方法时会返回一个对象，长这样：{ value: xxx, done: false }
- 有两个key，一个是value，一个是done
- value的值是，该次暂停遇到的这个yield 后面跟的表达式的值。比如上面的例子中第一次调用b.next()时，遇到第一个yield而暂停，var y = 2 * (yield (x + 1));，yield后面跟的表达式是(x+1)，所以返回的对象value是6
- 当done为true说明后面没有yield了，之后再调用.next()方法返回的value都是undefined
- 如果generator函数没有返回值，那么最后一个yield之后再调用的.next()方法返回的就是{ value:undefined, done: true }
- 如果generator函数有返回值，那么最后一个yield之后再调用.next()方法返回的对象value是函数的返回值
调用.next()方法时，可以传入参数
- 该参数是传给上一个yield，所以第一次调用.next()时不能传入参数。可能会报错，也可能参数会被忽略，取决于浏览器是怎么实现的
不传入参数时，yield语句返回的值为undefined

瞎扯

感觉yield像一个“函数”，执行的时候遇到这个函数就会暂停

这个函数返回的值等于.next(xxx)调用时传入的参数xxx，如果没有参数，返回值就是undefined

function* foo() {
  console.log(yield);
  console.log(yield);
}
var a=foo();
a.next(); // 遇到第一个yield暂停，什么也不打印
a.next(); // 遇到第二个yield暂停，打印上一句console.log(yield)，由于没有传入参数，yield返回undefined
a.next('hello'); //后面没有yield了，函数执行完毕，打印第二个console.log，由于传入参数，将会打印出hello

yield用在表达式中必须加括号扩起来，比如这样var a = 1 + (yield 1+1)，有点类似于把一个函数写到表达式中要用括号括起来
1
var a = 1 + (function(){return 123}());

好奇宝宝

往next()里传入参数的用法，在什么场景下适用？
通常是不是都通过.next().value来获取当前暂停的yield后面的表达式？

小白妹妹写代码

HiiTea {{moment(1452589888000).fromNow()}}

对generator和yield的一些理解

generator function

yield

瞎扯

好奇宝宝