js设计模式之迭代器模式学习笔记--封装简单的数组迭代器

我们封装一个迭代器函数,来实现类似jQuery的 $.each()方法的迭代效果;\

var each = function(arr,callbreak){

        for(var i=0;i<arr.length;i++){

            callbreak.call(arr[i],i,arr[i]);

        };

};

each([1,2,3],function(a,b){

     console.log(a,b);

});

现在我们增加一个需求 , 需要判断这两个数组是否相等,这时就要返回去修改封装好的each()方法,这里就牵出一个问题

这个方法看似简单易用,但是拓展麻烦,不好维护,

用迭代器模式改写这个each方法:

var iterator = function(arr){

    var num = 0,

          next = function(){

               current += 1;

          },

          down = function(){

                    return num >= arr.length;

           },

            getItem = function(){

                    return arr[num];

            },

            getLemngth = function(){

                   retrun arr.length;

            };

    return {

        num : num,

        next : next,

        down : down,

        getItem : getItem,

        getLength : getLength

    };

};

var each = function(arr1,arr2){

        while( !arr1.down && !arr2.down){//当传进来的两个参数都不为空的时候再进行循环

                if( arr1.getItem() != arr2.getItem || arr1.getLength != arr2.getLength ){

                        throw new Error('不相等');

                        //此处省略 ..... (业务逻辑)

                }

                arr1.next();

                arr2.next();

        };

         alert('相等');

           //此处省略 ..... (业务逻辑)

};

var arr1 = iterator([1,2,3]),

      arr2 = iterator([1,2,3,4]);

each(arr1,arr2);//throw new Error('不相等');