ES6:yield语法及使用方法

1.在MDN上，对yield的第一句解释就是：

The yield keyword is used to pause and resume a generator function.
// yield这个关键字是用来暂停和恢复一个遍历器函数（的运行）的。

yield是个关键字 ,它的作用是“命令”。和var不同，不是用来声明，但是和return一样，用来告知程序某种状态，return告诉程序要返回什么值（也意味着结束，结束的时候才会返回值嘛），而yield告诉程序当前的状态值，而且你运行到这里暂停一下。

2.yield是命令型的关键字，所以它的用法是：

[rv] = yield [expression];

 rv是可选的，这里不是说它返回一个数组。yield后面的表达式也是可选的。yield的返回值是一个状态值。如果从返回值的角度讲，yield还可以当做是一种运算符，但是由于它的作用是暂停和恢复，所以严格意义上说，不能叫运算符，运算符是用来运算的，而yield是用来“命令”的。

3.遍历器函数generator()

Generator函数的最大用处就是用来生成一个遍历器。

不过它是一个函数，所以和普通的函数有点区别，因此在声明函数的时候，要在function和函数名之间加一个*号：

function *foo() {}

而yield也必须在Generator函数中才有意义，脱离了Generator就没意义了

Generator函数的一个重要特点就是需要执行next()方法才能运行，声明好它之后，根本不会马上运行。

4..next()的参数

var a = 0;
function *foo() {
  a += 1;
  yield '';
  return;
}
var f = foo();
alert(a); // 这个时候是啥值？

alert的结果是0！

执行netx()方法才会运行。所以在上面的代码末尾添加：

f.next();
alert(a); // 这个时候就会alert(1)了

var foo = function *() { // 没错，尼玛还可以这样写
  var x = 1;
  var y =  yield (x + 1);
  var z = yield (x + y);
  return z;
}() // 你必须先执行一下Generator函数，才能把遍历器返回给某个变量

var a = foo.next(); // 第一次执行next()不可以传参，a.value=2,相当于（x = 1, x + 1 = 2）

var b = foo.next(3); //第二次执行foo.next(3)的时候，yield x + 1就是3，所以y = 3，b.value的结果 
                       就是4 （x = 1,y = 3, x + y = 4）.
var c = foo.next(4); //yield (x + y)就是4，z.value = yield (x + y) = 4

5.把yield看作一个变量，字符串里面，可以这样使用：

var log = function *() {
  console.log(`you input: ${yeild}`)
}().next(); // 这里会提示错误: yeild undefined
log.next('hello world!');

6.总结一下yield，实际上：

• 只能在Generator函数内部使用
• 运行.next()，遇到一个yield命令，就暂停
• .next()的返回值表示一个状态{value,done}
• 再运行.next()，从之前遇到的那个yield [表达式]处（后）继续恢复运行
• 当.next()传参的时候，yield [表达式]整个被替换为传入的参数。

最后，说一下for...of是怎么运行的。

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

for...of在遍历foo()返回的结果时，每遇到一个yield，就把yield后面表达式的结果作为of前面的v的值进行赋值（next()返回值的value字段）。