摘要：而事實(shí)上為了消除這個(gè)現(xiàn)象，衍生出來(lái)的模式有很多，比如策略模式，單例模式，迭代器模式等。比如自己定義一個(gè)迭代器這就是一個(gè)簡(jiǎn)單的內(nèi)部迭代器。迭代器的應(yīng)用說(shuō)了迭代器的基本原理后，應(yīng)該來(lái)點(diǎn)干貨了。

請(qǐng)不要被標(biāo)題所迷惑，這樣說(shuō)bug王,只是為了吸睛。 在程序的世界里，我們要多喝茶，慢慢聊?；貧w正題，這里想說(shuō)的bug王指的是條件的分支語(yǔ)句。 比如: if...else if...else if... else if.........esle... 。想這樣的。
看個(gè)實(shí)例:

var model = function(flag){
    if(flag===0){
        return "this is zero";
    }else if(flag === 1){
        return "this is first";
    }else if(falg === 2){
        return "this is second";
    }else {
        ...
    }
}

像這樣的。 因?yàn)槊恳淮螚l件判斷都是對(duì)性能的一次rape。而事實(shí)上為了消除這個(gè)現(xiàn)象，衍生出來(lái)的模式有很多，比如: 策略模式，單例模式，迭代器模式等。這里主要想講一下，迭代器模式.

迭代器其實(shí)就是一個(gè)遍歷，能夠順序遍歷一個(gè)聚合對(duì)象中的一些屬性. 比如數(shù)組中的.Array.prototype.forEach。
其實(shí)就是遍歷，然后將獲得的參數(shù)進(jìn)行回調(diào)處理（?。?！注意，迭代器最重要的一點(diǎn)就是將循環(huán)中的遍歷數(shù)組的參數(shù)傳給回調(diào)函數(shù)處理.）

var arr = [1,2,3,4,5];
arr.forEach(function(val,index,arr){
    ...
})

而且迭代器模式你可以自定義迭代，比如內(nèi)部迭代，外部迭代，順序迭代，倒序迭代等等. 由于懶，所以就列一個(gè)比較常見(jiàn)的順序迭代吧。
通常也就是使用了for循環(huán)來(lái)構(gòu)建的。 比如自己定義一個(gè)迭代器

var each = function(arr,fn){
    for(var i = 0,val;val = arr[i++];){
        if(val==false){
            break;
        }
        fn(val,index,arr);
    }
}

這就是一個(gè)簡(jiǎn)單的內(nèi)部迭代器。即將數(shù)組類(lèi)型進(jìn)行簡(jiǎn)單的遍歷，然后如果遍歷完成則返回。

說(shuō)了迭代器的基本原理后，應(yīng)該來(lái)點(diǎn)干貨了。
迭代器在各種語(yǔ)言中，差不多都已經(jīng)普及了，所以重構(gòu)已有的方法是沒(méi)有什么價(jià)值的。但迭代器最主要的功能是自定義一些系列算法，將所需要的提取出來(lái). 比如: 事件模型事件的獲取。

var bind = (function() {
    if (document.addEventListener) {
        return function(ele, fn, type) {
            ele.addEventListener(type, fn, false);
        }
    } else if (document.attachEvent) { //檢測(cè)低版本的IE
        return function(ele, fn, type) {
            ele.attachEvent(type, fn);
        }
    } else {
        return function(ele,fn,type){
            ele[`on${type}`] = fn;
        }
    }
})();

可以看出里面充斥著分支語(yǔ)句，為了消除分支。可以將不同的方法包裝起來(lái)，然后使用迭代器統(tǒng)一遍歷.

var bind = (function(){
    var DOM2 = (function(){
         if (document.addEventListener) {
             return function(ele,fn,type){
                 ele.addEventListener(type,()=>{fn();},false);
             }
         }else {
             return false;
         }
    })();
    var IE = (function(){
        if(document.attachEvent){
            return function(ele,fn,type){
                ele.attachEvent(type,fn);
            }
        }else{
            return false;
        }
    })();
    var DOM0 = function(ele,fn,type){
        ele[`on${type}`] = ()=>{fn();};
    }
    //添加迭代器
    var Itera = function(){
        for(var i = 0,val;val = arguments[i++];){
            if(typeof val === "function"){
                return val;
            }
        }
    }
    return Itera(DOM2,IE,DOM0);
})();
console.log(bind);  ////function (ele,fn,type){ele.addEventListener(type,()=>{fn();},false);}

接著你就可以使用bind()函數(shù)進(jìn)行事件的綁定處理。但是這個(gè)應(yīng)該算是將原來(lái)簡(jiǎn)單的變復(fù)雜了，因?yàn)楝F(xiàn)在事件模式幾乎只有這3種(原生). 拓展性我就不說(shuō)了。 所以一般用來(lái)判斷事件綁定的話，推薦還是使用上面那個(gè)方式，來(lái)得更直接.
但可以從上面的例子可以看出，迭代器模式只是提供一種思想，提取最精華的部分，通過(guò)遍歷選出最優(yōu)解。模式這么多，關(guān)鍵要找到最適合你的。還是那句話，如果這個(gè)坑 坑不死我，我一定會(huì)踩更多的坑。 所以多實(shí)踐，多學(xué)習(xí)，多踩坑才是進(jìn)步的證明。