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