迭代模式

• 定義：提供一種方法順序訪問一個聚合物件中各個元素，簡單說就是遍歷，比較簡單的一個設計模式，都可說算不上是一種設計模式
• 內部迭代器

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);
 

• 以上例子的好處有：
• 如果後期要加一個其他的上傳物件，只需要增加獲取相對應的物件獲取程式即可，並傳入迭代器
• 可以根據傳入的順序設定，獲取上傳物件