Javascript设计模式 - 10 - 迭代器模式
简介
提供一种方法,顺序访问一个聚合对象中各个元素,而又不需要暴露该方法中的内部表示,迭代器模式可以把迭代的过程从业务逻辑中分离出来,在使用迭代器模式之后,即使不关心对象的内部构造,也可以按顺序访问其中的每个元素
作用
为遍历不同的集合结构提供一个统一的接口,从而支持同样的算法在不同的集合结构上进行操作
解决问题
将复杂的对象进行封装,对外提供简单的使用方法,使用者不需要知道如何组织数据,就可以单纯的获取数据并进行下一步处理
内部迭代器和外部迭代器
1. 内部迭代器
它完全接手整个迭代过程,外部只需要一次初始调用
内部迭代器在调用的时候非常方便,外界不用关心迭代器内部的实现,跟迭代器交互也仅仅是一次初始调用,但这也刚好是内部迭代器的缺点,迭代规则被提前规定,无法定制化
var each = function (ary, callback) {
for (var i = 0; i < ary.length; i++) {
callback.call(ary[i], i, ary[i]);
}
}
// 内部迭代器,仅需调用一次
each([1, 23, 33], function(index, el) {
console.log(index, el);
});
2. 外部迭代器
外部迭代器必须显示的请求迭代下一个元素
外部迭代器增加了一些调用的复杂度,但相对也增加了迭代器的灵活性,我们可以手工控制迭代的过程或者顺序,能够满足更多变的需求
function Iterator (obj) {
var current = 0;
var len = length in obj && obj.length || 0;
this.hasNext = function () {
return current < len;
}
this.next = function () {
return obj[current++];
}
this.reset = function () {
current = 0;
}
}
var obj = {
'0': 'tedst',
'1': 't22222st',
'2': 'te222s',
length: 3
};
var arr = [11, 22, 33];
var o = new Iterator(obj);
while (o.hasNext()) {
console.log(o.next());
}
o.reset();
console.log(o.next());
文章列表
- javascript设计模式 – 设计原则
- JavaScript设计模式–高阶函数
- Javascript 设计模式 - 01 - 原型模式
- Javascript 设计模式 - 02 - 单例模式
- Javascript 设计模式 - 03 - 建造者模式
- Javascript 设计模式 - 04 - 工厂模式
- Javascript 设计模式 - 05 - 外观模式
- Javascript 设计模式 - 06 - 代理模式
- Javascript 设计模式 - 07 - 观察者模式(发布订阅模式)
- Javascript 设计模式 - 08 - 策略模式
- Javascript 设计模式 - 09 - 命令模式
- Javascript 设计模式 - 10 - 迭代器模式
- Javascript 设计模式 - 11 - 职责链模式
- Javascript 设计模式 - 12 - 适配器模式
- Javascript 设计模式 - 13 - 模板方法
- Javascript 设计模式 - 14 - 组合模式
- Javascript 设计模式 - 15 - 享元模式
- Javascript 设计模式 - 16 - 中介者模式
- Javascript 设计模式 - 17 - 装饰者模式
- Javascript 设计模式 - 18 - 状态模式