2017/06/06
学习redux-saga过程中，发现它使用到了Generator函数，把这个仔细读了一遍。
Generator函数是ES 6提供的一种异步编程解决方案，语法与传统的函数完全不同。
学习过程中，整理一些基础的注意点，具体的语法和API不在这里详细解释。

定义

function* helloWorld(){
  yield 'hello';
  yield ' world';
  return 'ending';
}

注意点

定义

ES 6没有确定*的位置，所有你可以这样写：

function* f();
function *f();
function * f();
function*f();

建议第一种

一般使用

let hw = helloWorld();
hw.next(); // {value: 'hello', done: false}
hw.next(); // {value: ' world', done:: false}
hw.next(); // {value: 'ending', done: true}

1. 调用构造函数，返回的是一个Iterator Object（遍历器对象）
2. 调用遍历器对象的next方法，返回一个对象，固定两个字段：value和done。value的值为函数内紧跟yiled语句的值，done表示遍历是否结束

yield 和 return 效果类似，不同的是 return 只能有一个，并且 return 之后的 yiled 不执行
next 方法是惰性求值

yield语句

• yield语句用作函数参数或赋值表达式的右边，可以不加括号

• yield语句只能在Generator函数中使用

• yiled语句没有返回值，或者说返回值为undefined

• 可以通过给next方法传递参数，这个参数作为yield语句的返回值

function* f(){
  for(let i=0;;i++){
    let reset = yield i; // next 没有参数时，reset 的值永远为 undefined
    if(reset){
      i = -1;
    }
  }
}

let g = f();

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

因为 next 方法的参数表示上一次 yield 语句的返回值，所以只能在第二次 next 方法传递参数才是有效的

for...of

for...of可以自动遍历Generator函数，无需使用next方法

function* f(){
  yield 1;
  yield 2;
  return 3
}

for(let v of f()){
  console.log(v);
}
// 1 2
// 注意，这里并不是 value 和 done 的数据格式

next 方法返回对象的 done 为 true 时，循环终止，并不包含该返回对象，所以上例不包含 return 的值

yield*语句

在Generator函数中执行另一个Generator函数，使用yield*语句