Javascript设计模式-10-迭代器模式

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 - 状态模式