迭代器模式

迭代器模式(Iterator):在不暴露对象内部结构的同时,可以顺序地访问聚合对象内部的元素。
迭代器是用来顺序的访问一个聚合对象内部的元素的,可以简化我们遍历操作。
例如以一个轮播图为例,图片元素对象就是一组聚合对象,创建一个迭代器来专门处理这些图片数据。

        var Iterator  = function(item,container){
            var container = container && document.getElementById(container) || document;
            var items = container.getElementsByTagName(items);
            var length = items.length;
            var index = 0;
            var splice = [].splice;
            return {
                //获取第一个元素
                first : function(){
                    index = 0;
                    return items[index];
                },
                //获取最后一个元素
                second : function(){
                    index = length - 1;
                    return items[index];
                },
                //获取前一个元素
                pre : function(){
                    if(--index>0){
                        return items[index];
                    }else{
                        index = 0;
                        return null
                    }
                },
                //获取后一个元素
                next : function(){
                    if(++index<length){
                        return items[index];
                    }else{
                        index = 0;
                        return null;
                    }
                },
                //获取某一个元素
                get : function(num){
                index = num>=0 ? num%length : num%length + length;
                },
                //对每一个元素执行某一个方法
                dealEach : function(fn){
                    var args = splice.call(arguments,1)
                    for(var i=0;i<length;i++){
                        fn.apply(items[i],args);
                    }
                },
                //对某一个元素执行某一个方法
                dealItem : function(num,fn){
                    fn.apply(this.get(num),splice.call(arguments,2))
                },
                //排它方式处理某一个元素
                exclusive : function(num,allFn,numFn){
                    this.dealEach(allFn);
                    if(Object.prototype.toString.call(num) === "[object Array]"){
                        for(var i=0,len=num.length;i<len;i++){
                            this.dealItem(num[i],numFn);
                        }
                    }else{
                        this.dealItem(num,numFn);
                    }
                }
            } 
        }

有了迭代器,在创建任何焦点图类,只需要使用迭代器中的创建的内部数据对象即可,想要只处理某一张图片只需要调用迭代器提供的接口方法即可。

设计模式 文章被收录于专栏

设计模式

全部评论

相关推荐

06-27 18:53
门头沟学院 Java
这样才知道自己不适合搞代码,考公去咯
只爱喝白开水:我也发现不适合搞代码,打算转非技术方向了
点赞 评论 收藏
分享
让资本家给我当牛做马:26的秋招还没开始啊?你找的是实习?实习的话你马上就研三了为什么还要实习?
点赞 评论 收藏
分享
05-29 22:11
门头沟学院 Java
Elastic90:抛开学历造假不谈,这公司的招聘需求也挺怪的,Java开发还要求你有图文识别、移动端开发和c++的经验,有点逆天了。
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务