迭代模式

  • 定义:提供一种方法顺序访问一个聚合对象中各个元素,简单说就是遍历,比较简单的一个设计模式,都可说算不上是一种设计模式
  • 内部迭代器
var each = function (ary, cb) {
    for(var i = 0,l = ary.length;i < l; i++) {
        cb.call(ary[i], i, ary[i])
    }
}
each([1,2,3], function (i,n) {
    console.log(i,n)
})
  • 外部迭代器
// 在做浏览器能力监测的时候,会有很多if或者try语句,下面就是用迭代器来实现代码更加方便维护和拓展
// 获取upload上传对象
var getIeUploadObj = function () {
    try {
        return new ActiveXObject('TXFTNActiveX.FTNUpload');
    } catch (e) {
        return false;
    }
}
// 获取flash上传对象
var getFlashUploadObj = function () {
   if (如果支持flash) {
       var str = '<object type="application/x-shockwave-flash"></object>'
       return $(str).appendTo($('body'));
   }
   return false;
}
// 获取表单上传对象
var getFromUploadObj = function () {
    var str = '<input name="file" type="file">';
     return $(str).appendTo($('body'));
}
// 迭代器
var iteratorUploadObj = function () {
    for (var i = 0, fn; fn = arguments[i++];) {
        var uploadObj = fn();
        if (uploadObj !== false) {
            return uploadObj;
        }
    }
}
uploadObj = iteratorUploadObj(getIeUploadObj,getFlashUploadObj,getFromUploadObj);
  • 以上例子的好处有:
  • 如果后期要加一个其他的上传对象,只需要增加获取相对应的对象获取程序即可,并传入迭代器
  • 可以根据传入的顺序设置,获取上传对象的优先级
05-07 08:12