《你不知道的JavaScript》：生成器中的生产者和迭代器
《你不知道的JavaScript》：生成器中的生产者和迭代器
生成器的一种有趣用法是作为一种产生值的方式。而这也是“生成器”这个名称的最初使用场景。前面说过生成器函数每次调用都会创建一个迭代器实例。这个迭代器实例有next()方法，与生成器函数中的yield关键字组合可以完成消息传递。
那怎么理解这个生成器和迭代器呢？从字面意思理解，可以理解成生成器是值的生产者，而迭代器是值的获取者。生成器函数调用产生迭代器，迭代器用next()方法来执行生成器函数。
这里面需要注意一个关键点，迭代器每次next()要想实现当前值与前面一个值有特定的关系，就需要生成器能保持状态来记住其生成的最后一个值。
首先可以实现一个使用函数闭包的版本：
var clourseSomething = (function(){
var nextVal;
return function(){
if(nextVal === undefined){
nextVal = 1;
}else {
nextVal = ( nextVal * 3 ) + 6;
}
return nextVal;
}
})()
clourseSomething(); // 1
clourseSomething(); // 9
clourseSomething(); // 33
clourseSomething(); // 105使用闭包的话，从执行粒度上看函数完成一次执行时就已经计算出下一个值，但实际上按照正常思路，应该是希望直到下一次clourseSomething()调用发生时才计算下一个值(即nextVal)。否则通常来说对更持久化或比起简单数字资源更受限的生产者来说，这可能是资源泄露的一种设计。唔，这也是闭包所容易为人诟病的一点。
这个时候就可以采用一种常见的设计模式，迭代器模式。迭代器是一个定义良好的接口，用于从一个生产者一步步得到一系列值，就是每次想要从生产者得到下一个值时调用next()。
var something = (function () {
var nextVal;
return {
//for..of..循环需要
[Symbol.iterator]: function(){ return this; },
//标准迭代器接口方法
next: function () {
if(nextVal === undefined){
nextVal = 1;
}else {
nextVal = ( nextVal*3 ) + 10;
}
return {done: false, value: nextVal}
}
}
})()
console.log(something.next().value); // 1
console.log(something.next().value); // 13
console.log(something.next().value); // 49next()调用返回一个对象。这个对象有两个属性：done是一个布尔值，标识迭代器的完成状态；value中放置迭代值。
ES6中新增了for...of...方法，这意味着可以通过原生语法循环自动迭代标准迭代器(接上例somthing)：
for(var v of something){
console.log(v);
//不要死循环
if(v > 500){
break;
}
}
// 1 13 49 157 481 1453for..of循环在每次迭代中自动调用next()，它不会向next()中传入任何值，并且会在接收done:true时停止。上例中迭代器something总是返回done:false，这个for..of循环会永远运行下去，所以在测试循环里放入break条件。
除了构造自己的迭代器，许多javascript的内建数据结构(从ES6开始)，比如array，也有默认的迭代器：
var arr = [10, 2, 3, 4, 5];
for(var v of arr){
console.log(v);
}
// 10 2 3 4 5for...of循环向arr请求它的迭代器，并自动使用这个迭代器来迭代遍历arr的值。
可能有朋友对迭代器something中的Symbol.iterator属性不是很了解，它是迭代器的定义标识，是for...of..工作的基础，具体将在下篇解释。
-------------------------------- 热门文章 --------------------------------
设计模式>>>