细品 javascript 设计模式(迭代器模式)
这是我写的 javascript 设计模式的一套系列文章。尽我所能的做到用最少的文字,最少的篇幅。讲明白设计模式的方方面面。
熟练运用设计模式,能让你写出更加健壮的代码。文章连接
理解迭代器模式
按照顺序,从对象中依次取出数据。
上代码:迭代器
var each = function( ary, callback ){
for ( var i = 0, l = ary.length; i < l; i++ ){
// 把下标和元素当作参数传给 callback 函数
callback.call( ary[i], i, ary[ i ] );
}
};
each( [ 1, 2, 3 ], function( i, n ){
alert ( [ i, n ] );
});
上面是一个普通的 for 循环,套一层函数就变成了迭代器?是的,但如果一个对象是JSON的话,怎么遍历呢?
外部迭代器
这样的对象该如何遍历?
let o = {
0: 1,
1: 'aa',
2: 'cc',
3: 3,
4: 4,
length: 5,
}
这里需要用到外部迭代器
// 定义外部迭代器,显式调用
var Interator = function(obj) {
var current = 0;
var next = function() {
current++;
}
var isDone = function() {
return current >= obj.length;
}
var getCurrent = function() {
return obj[current];
}
return {
next,
isDone,
getCurrent,
}
}
var interator = Interator(o)
while (interator.isDone() === false) {
// 依次输出 1, aa, cc, 3, 4
console.log(interator.getCurrent())
interator.next()
}
小结
简单来说,迭代器模式就是提供一种顺序访问一个聚合对象中的各个元素。
迭代器的思想一定不是局限于数组的,未来还有更多的使用场景等你来探索。
[参考1] 《javascript 设计模式与开发实践》