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());

文章列表

1. javascript设计模式 – 设计原则
2. JavaScript设计模式–高阶函数
3. Javascript 设计模式 - 01 - 原型模式
4. Javascript 设计模式 - 02 - 单例模式
5. Javascript 设计模式 - 03 - 建造者模式
6. Javascript 设计模式 - 04 - 工厂模式
7. Javascript 设计模式 - 05 - 外观模式
8. Javascript 设计模式 - 06 - 代理模式
9. Javascript 设计模式 - 07 - 观察者模式（发布订阅模式）
10. Javascript 设计模式 - 08 - 策略模式
11. Javascript 设计模式 - 09 - 命令模式
12. Javascript 设计模式 - 10 - 迭代器模式
13. Javascript 设计模式 - 11 - 职责链模式
14. Javascript 设计模式 - 12 - 适配器模式
15. Javascript 设计模式 - 13 - 模板方法
16. Javascript 设计模式 - 14 - 组合模式
17. Javascript 设计模式 - 15 - 享元模式
18. Javascript 设计模式 - 16 - 中介者模式
19. Javascript 设计模式 - 17 - 装饰者模式
20. Javascript 设计模式 - 18 - 状态模式