ES6 生成器 generator

ES6 生成器是一种顺序、看似同步的异步流程控制表达风格，它可以打破代码执行的完整性，试看下方代码。

function foo(x,y) {
        return (x+y);
}
var it = foo(1,2);
    console.log(it); //3

function *foo(x,y) {
        return (x+y);
}
var it = foo(1,2);
       console.log(it);
var result = it.next();
      console.log(result.value); //3

从中我可以知道这个生成器打破了代码执行的完整性。var it = foo()这行代码只是构造了 it 一个迭代器，并没有执行生成器。真正执行生成器的代码是 var result = it.next();

• 生成器的声明方式

 1.function *foo() {}
 2.function* foo() {}
 3.function*foo() {}

下面介绍 生成器 具体使用

• 生成器提供了更强大更引人注目的内建消息输入输出能力，通过 yield 和 next(..) 实现

function *foo(x) {
    var y = x * (yield) * (yield);
    return y;
    }
    var it = foo( 6 );
    // 启动foo(..)
    it.next();
    it.next(7);
    var res = it.next( 8 );
    console.log(res.value); //336

• iterable(可迭代):指该对象可以进行迭代操作。

var arr = [1,2,3,4];
    var it = arr[Symbol.iterator]();
    console.log(it.next().value); //1
    console.log(it.next().value); //2
    console.log(it.next().value); //3

• 再论 yield

function *something() {
        var setVal;
        while(true) {
            if(setVal == undefined) {
                setVal = 1;
            } else {
                setVal = setVal*3+12;
            }
            yield setVal;
        }
    }
    var it = something();
    console.log(it.next().value); //1
    console.log(it.next().value); //15

上述代码使用 while（true）使函数能够产生无限个数字序列。若 while （true）没有使用yield，循环会一直下去，这使得 while（true）在javascript 的使用减少，使用 yield 可以改善这一局面，当执行到 yield 时，返回到主程序中或者是循环队列中。

• try...finally:如果在生成器内有 try..finally 语句，它将总是运行，即使生成器已经外部结束。

function *something() {
        try{
            var setVal;
            while(true) {
                if(setVal == undefined) {
                    setVal = 1;
                } else {
                    setVal = setVal*3+12;
                }
                yield setVal;
            }
        } finally {
            console.log("清理");
        }
    }
    var it = something();
    for (var val of it) {
        console.log(val);
        if (val > 200) {
            console.log(it.return("val的值大于200了").value);
            //此处不需要 break 来结束这个循环
        }
    }

调用 it.return(..) 之后，它会立即终止生成器，这当然会运行 finally 语句。另外，它还会把返回的 value 设置为传入 return(..) 的内容，这就是 "val的值大于200了" 被传出去的过程。现在我们也不需要包含 break 语句了，因为生成器的迭代器已经被设置为done:true，所以 for..of 循环会在下一个迭代终止。

• 生成器应用于异步并发（生成器最闪光的地方就是可以实现异步）

function foo(x,y) {
ajax(
    "http://some.url.1/?x=" + x + "&y=" + y,
    function(err,data){
      if (err) {
         // 向*main()抛出一个错误
         it.throw( err );
      }
      else {
         // 用收到的data恢复*main()
         it.next( data );
     }
   }
);
}
function *main() {
   try {
      var text = yield foo( 11, 31 );
      console.log( text );
   }
   catch (err) {
       console.error( err );
   }
}
var it = main();
// 这里启动！
it.next();

这段代码的闪光点就是yield foo（11,31）;当我们执行 foo （）函数的时候，返回 undefined，遇到 yield 的时候停顿了，其实就是在思考一个问题“应该返回什么值给 text ”，回观 foo （），如果这个 Ajax 函数执行成功的话，执行 it.next(),这会响应数据恢复生成器，意味着们暂停的 yield 表达式直接接收到了这个值。然后随着生成器代码继续运行，这个值被赋给局部变量 text。从而实现异步操作。