迭代器模式

迭代器模式(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);
                    }
                }
            } 
        }

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

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

设计模式

全部评论

相关推荐

来,说点可能被同行“骂”的大实话。🙊当初接数字马力Offer时,朋友都说:“蚂蚁的“内包”公司?你想清楚啊!”但入职快一年后的今天,我反而对他有了不一样的看法!🔹&nbsp;是偏见?还是信息差!之前没入职之前外面都在说什么岗位低人一等这类。实际上:这种情况不可至否,不能保证每个团队都是其乐融融。但我在的部门以及我了解的周边同事都还是十分好相处的~和蚂蚁师兄师姐之间也经常开一些小玩笑。总之:身份是蚂蚁公司给的,地位是自己挣的(一个傲娇女孩的自述)。🔹&nbsp;待遇?玩的就是真实!试用期工资全额发!六点下班跑得快(早9晚6或者早10晚7,动态打卡),公积金顶格交。别听那些画饼的,到手的钱和下班的时间才是真的(都是牛马何必难为牛马)。🔹&nbsp;能不能学到技术?来了就“后悔”!我们拥有权限直通蚂蚁知识库,技术栈多到学不完。说“学不到东西”的人,来了可能后悔——后悔来晚了(哈哈哈哈,可以不学但是不能没有)!💥&nbsp;内推地址:https://app.mokahr.com/su/ueoyhg❗我的内推码:NTA6Nvs走我的内推,可以直达业务部门,面试流程更快速,进度可查!今天新放HC,之前挂过也能再战!秋招已经正式开始啦~机会就摆在这,敢不敢来试一试呢?(和我一样,做个勇敢的女孩)
下午吃泡馍:数字马力的薪资一般哇,5年经验的java/测试就给人一万出头,而且刚入职第三天就让人出差,而且是出半年
帮你内推|数字马力 校招
点赞 评论 收藏
分享
10-15 10:23
门头沟学院 Java
牛可乐的头像真牛:赶紧举报,这公司绝对是诈骗的,等你签约后工作一两个月后根据合同漏洞把你开除,并且要求你赔偿3w培训费,996是为了提前筛选心甘情愿签下合同容易受骗的群体,纯粹面向校招生精心设计的骗局
你见过哪些工贼行为
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

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