• 128546

    文章

  • 807

    评论

  • 12

    友链

  • 最近新加了换肤功能,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

设计模式之迭代模式

服了这份高薪指南,涨多少你说了算>>

迭代模式

  • 定义:提供一种方法顺序访问一个聚合对象中各个元素,简单说就是遍历,比较简单的一个设计模式,都可说算不上是一种设计模式
  • 内部迭代器
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);
  • 以上例子的好处有:
  • 如果后期要加一个其他的上传对象,只需要增加获取相对应的对象获取程序即可,并传入迭代器
  • 可以根据传入的顺序设置,获取上传对象的优先级

695856371Web网页设计师②群 | 喜欢本站的朋友可以收藏本站,或者加入我们大家一起来交流技术!

0条评论

Loading...


发表评论

电子邮件地址不会被公开。 必填项已用*标注

自定义皮肤 主体内容背景
打开支付宝扫码付款购买视频教程
遇到问题联系客服QQ:419400980
注册梁钟霖个人博客