javascript设计模式学习之七——迭代器模式

最新推荐文章于 2025-08-12 13:13:31 发布

转载最新推荐文章于 2025-08-12 13:13:31 发布 · 61 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/bobodeboke/p/5641875.html

文章标签：

#设计模式 #javascript #ViewUI

本文介绍了迭代器模式的基本概念，展示了如何使用此模式顺序访问聚合对象中的元素而不暴露其内部结构。通过具体的JavaScript代码示例，包括jQuery的each方法和一个外部迭代器的实现，详细解释了迭代器模式的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、迭代器模式定义

迭代器模式提供一种方法顺序访问一个聚合对象中的各个元素，并且不需要暴露该对象的内部表示。

在当前大部分语言中，都已经内置了迭代器模式。迭代器有内部迭代器和外部迭代器之分，一般现有语言中实现的大多是内部迭代器。

二、jquery中的each实现

对于数组采用数字下标访问，防止原型链上其他非数值属性的干扰。

    //类似jquery中的each迭代器
    $.each=function(obj,callback){
        var value,
        i=0,
        isArray=isArrayLike(obj),
        length=obj.length;
        if(isArray){
            for(i=0,i<length;i++){
                value=callback.call(obj,i,obj[i]);
                if(value==false){
                    break;
                }
            }
        }else{
            for(i in obj){
                value=callback.call(obj,i,obj[i]);
                if(value==false){
                    break;
                }
            }
        }
        return obj;
    };

三、一个外部迭代器实现

    var Iterator=function(obj){
        var current=0;
        var next=function(){
            current+=1;
        };
        var isDone=function(){
            return current>=obj.length;
        };
        var getCurrentItem=function(){
            return obj[current];
        };
        return{
            next:next,
            isDone:isDone,
            getCurrentItem:getCurrentItem
        };
    };