ES6 —（Generator 函数应用）

（1）Generator 与状态机

  Generator 是实现状态机的最佳结构，每运行一次，就改变一次状态。Generator 之所以可以不用外部变量保存状态，是因为它本身就包含了一个状态信息，即目前是否处于暂停态。

var clock = function* (){
while(true){
console.log('Tick');
yield;
console.log('Tock');
yield;
}
}

（2）异步操作的同步化表达

  Generator 函数的暂停执行的效果，意味着可以把异步操作写在 yield 表达式里面，等到调用 next 方法时再往后执行。这实际上等同于不需要写回调函数，因为异步操作的后续操作可以放在 yield 表达式下面，反正要等到调用 next 方法时再执行。所以，Generator 函数的一个重要实际意义就是来处理异步操作，改写回调函数。

fnnction* numbers(){
let file = new FileReader("numbers.txt");
try{
while(!file.eof){
yield parseInt(file.readLine(), 10);
} finally {
file.close();
}
}
}

上面代码，打开文件，使用 yield 表达式可以手动逐行读取文件。

（3）控制流管理

  如果有一个多步操作非常耗时，采用回调函数，可能会写成下面这样：

step1( function(value1){
step2(value1, function(value2){
step3(value2, function(value3){
// 操作
});
});
});

  采用 Promise 改写上面的代码。

Promise.resolve（step1）
.then(step2)
.then(step3)
.then(function (value3){
// 操作
})
.done();

  使用 Generator 函数改写。

function* runningRask(value1){
try{
var value2 = yield step1(value1);
var value3 = yield step2(value2);
var value4 = yield step3(value3);
// 操作
} catch (e){}
}

  利用

for...of

循环会自动执行 yield 命令特性，提供一种更一般的控制流管理的方法。

let steps = [step1Func, step2Func, step3Func];
function* iterateSteps(steps){
for(var i = 0; i < steps.length; i++){
var step = step[i];
yield step();
}
}
for(var step of iterateSteps(steps)){}

注意：上面的做法只能用于所有步骤都是同步操作的情况，不能有异步操作的步骤。

（4）部署 Iterator 接口

  利用 Generator 函数，可以在任意对象上面部署 Iterator 接口。

function* iterEntries(obj) {
let keys = Object.keys(obj);
for (let i=0; i < keys.length; i++) {
let key = keys[i];
yield [key, obj[key]];
}
}

let myObj = { foo: 3, bar: 7 };

for (let [key, value] of iterEntries(myObj)) {
console.log(key, value);
}
// foo 3
// bar 7

（5）作为数组结构

  Generator 可以看作是数组结构，更确切地是，可以看作是一个数组结构，因为 Generator 函数可以返回一系列的值，这意味着它可以对任意表达式，提供类似数组的接口。

阮一峰：ECMAScript 6入门