迭代器， 生成器， yield 都是ES6 中的新语法
迭代器
迭代器由三个方法组成：
- hasNext() 是否还有下一个元素
- next() 迭代到下一个元素
- reset() 重置，一般用来抛出异常
下面是一个简单的迭代器的例子：
function Range(min,max){//[min,max)
return {
cur:min,
hasNext:function(){
return this.cur<max;
},
next:function(){
return this.cur++;
},
reset:function(){
throw new Error('unsupportted operation');
}
}
}
for(var iter = Range(1,10);iter.hasNext();){
i = iter.next();
console.log(i);
}
可以看到， 每次在使用Range 函数的时候， 都要调用 .hasNext() 方法来判断一下是否还有下一个元素，之后再执行 .next() 函数。
生成器和yield
普通的函数以 function 来定义， 而生成器函数则是由 function* 来定义。可以说 生成器是一种更好的实现迭代器的方式。
yield 的作用： yield可以看出是“暂停”了函数的执行， 然后在调用函数的.next() 方法之后， 函数开始执行直到下一个 yield的表达式。
上边的生成器代码可以改变为：
function* Range(start, end) {
for(var i = start; i<end;i ++) {
yield i; (2)
}
}
var range = Range(1,10); // (1)
while(true) {
var ran = range.next(); // (3)
if(ran.done) break;
console.log(ran);
}
输出的结果 ：
{ value: 1, done: false}
value: 表示当前的值，即yield 之后的返回，
done: 表示当前的循环是否已经完成，true 为完成。
函数的运行方式为
(1), (3), (2), (3), (2), (3), (2)......
正好可以验证我们之前所说的 “暂停”
注意
如果我们调用range函数， 第一次的返回值是一个空的 generator Object
var kk = Range(1,10);
console.log(kk);
输出为：
{}
