1、概念:迭代器模式是指提供提供一种方法顺序访问一个聚合对象中的各个元素。
比如,JQuery中的$.each()函数,这属于内部迭代器,由于迭代规则已经被提前规定。
外部迭代器必须显式地请求迭代下一个元素。
2、迭代器的应用举例
//需要上传一个文件,先得看浏览器是否有对应的上传控件,没有则看是否支持flash插件,不支持则使用最原始的浏览器表单上传
var getUploadObj = function () {
try {
return new ActiveXObject("TXFTNActiveX.FTNUpload"); //IE上传控件
} catch (e) {
if (supportFlash()) {
var str = '<object type="application/x-shockwave-flash"></object>'
return $(str).appendTo($('body'));
} else {
var str = '<input name="file" type="file"/>'
return $(str).appendTo($('body'))
}
}
}
上述代码很难阅读,二是违反了开放-封闭原则,另外如果增加了HTML5上传方式,则需要网函数里继续添加条件分支代码;
改进如下:
//重构代码为迭代器模式,符合开放封闭原则
//具体实现--》把每种获取上传对象的方法封装在各自的函数里面,然后使用一个迭代器,迭代获取这些Upload对象,直到获取一个可用的为止
var getActiveObj = function () {
try {
return new ActiveXObject("TXFTNActiveX.FTNUpload"); //IE上传控件
} catch (e) {
return false;
}
}
var getFlashObj = function () {
if (supportFlash()) {
var str = '<object type="application/x-shockwave-flash"></object>'
return $(str).appendTo($('body'));
}else{
return false;
}
}
var getInputObj = function(){
var str = '<input name="file" type="file"/>'
return (str).appendTo($('body'))
}
var iteratorUploadObj = function(){
for(var i=0;i<arguments.length;i++){
var fn=arguments[i];
if(fn()!==false){
return fn()
}
}
}
iteratorUploadObj(getActiveObj,getFlashObj,getInputObj)