常见的改善前端代码的设计模式-迭代器模式

基本概念

定义: 迭代器模式是指提供一种方法顺序访问一个聚合对象中的各个元素, 而又不需要暴露该对象的内部表示。迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素。

内部迭代器

jscode

1
2
3
4
5
6
7
8
var each = function( ary, callback ){     
for ( var i = 0, l = ary.length; i < l; i++ ){
callback.call( ary[i], i, ary[ i ] ); // 把下标和元素当作参数传给 callback 函数
} }

each( [ 1, 2, 3 ], function( i, n ){
alert ( [ i, n ] );
})

外部迭代器

jscode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var Iterator = function( obj ){     
var current = 0;
var next = function(){
current += 1;
};
var isDone = function(){
return current >= obj.length;
};
var getCurrItem = function(){
return obj[ current ];
};
return {
next: next,
isDone: isDone,
getCurrItem: getCurrItem
}
};