迭代器模式

LuDongWei 發(fā)布于2019-08-14 17:40 / 441人閱讀

摘要：不暴露該對(duì)象的內(nèi)部表示是指在通過(guò)迭代器訪問(wèn)聚合中元素時(shí)迭代器訪問(wèn)接口統(tǒng)一不用關(guān)心對(duì)象內(nèi)部細(xì)節(jié)。雖然靈活但是調(diào)用復(fù)雜度增加必須熟悉迭代器接口。

迭代器模式（Iterator），提供一種方法順序訪問(wèn)一個(gè)聚合對(duì)象中的各種元素，而又不暴露該對(duì)象的內(nèi)部表示。

關(guān)于這個(gè)定義的個(gè)人理解,聚合對(duì)象是指可遍歷的對(duì)象,一般具有的特征就是可用下標(biāo)訪問(wèn)且具有l(wèi)ength屬性。

不暴露該對(duì)象的內(nèi)部表示是指在通過(guò)迭代器訪問(wèn)聚合中元素時(shí),迭代器訪問(wèn)接口統(tǒng)一,不用關(guān)心對(duì)象內(nèi)部細(xì)節(jié)。

迭代器分類 內(nèi)部迭代器

內(nèi)部迭代器是指外界不用關(guān)心迭代器內(nèi)部實(shí)現(xiàn),初始調(diào)用一次迭代器就可以實(shí)現(xiàn)遍歷功能了。

    
        let each=function (ary,cb) {
            for(let i=0,len=ary.length;i
外部迭代器
外部迭代器是指必須顯式的請(qǐng)求迭代下一個(gè)元素
    class Iterator{
    
        constructor(obj){
            this.obj=obj;
            this.current=0;
        }
        next() {
            this.current+=1;
        }
        isDone() {
            return this.current>=this.obj.length
        }
        getCurrentItem () {
            return this.obj[this.current];
        }
    }
    
    let iterator1=new Iterator([1,2,3]);
    console.log(iterator1.next())
    console.log(iterator1.getCurrentItem())  //2
    
外部迭代器相對(duì)內(nèi)部迭代器的優(yōu)點(diǎn)是,可以手工控制迭代過(guò)程。雖然靈活,但是調(diào)用復(fù)雜度增加,必須熟悉迭代器接口。
實(shí)戰(zhàn)應(yīng)用
案例一
let getUploadObjA=function () {
    try{
        throw "testA";
    }catch (e){
        return false;
    }
}
let getUploadObjB=function () {
    return "testB";
}
let getUploadObjC=function () {
    try{
        throw "testC";
    }catch (e){
        return false;
    }
}

let iteratorUploadObj=function () {
    for(let i=0,len=arguments.length;i
說(shuō)明  其實(shí)在日常開(kāi)發(fā)中,例如上傳文件有很多方式,插件,h5,input的file方式等等,根據(jù)兼容性,設(shè)定支持的先后順序放在迭代器中,以后維護(hù)時(shí)時(shí)若有其它方式
直接往迭代器中添加就行,非常方便。總的來(lái)說(shuō)就是方便代碼維護(hù)且具有良好的拓展性。
案例2
let isType=function (type) {
    return function (obj) {
        return Object.prototype.toString.call(obj)==="[object "+type+"]";
    }
}

let isWindow=isType("Window");

function isArraylike(obj) {
    let len="length" in obj &&obj.length;
    let typeObj=typeof obj;
    let typeLen=typeof len;
    
    if(typeObj ==="function" ||isWindow(obj)){
        return false;
    }
    //Element
    if(obj.nodeType==1&&len){
        return true;
    }
    return typeObj === "array" ||len===0 ||typeLen =="number" &&len>0 &&(len-1) in obj;
}
each=function (obj,cb) {
    let value,
        i=0,
        length=obj.length,
        isArray=isArraylike(obj);
    if(isArray){
        for(;i
說(shuō)明 上面實(shí)現(xiàn)了一個(gè)通用的迭代器。