代碼重構(gòu)

trigkit4 發(fā)布于2019-08-20 16:44 / 2137人閱讀

摘要：引言列舉一些編碼過(guò)程中重構(gòu)的目標(biāo)雖然不難理解但確實(shí)蠻實(shí)用的平時(shí)編碼中有些經(jīng)常遇到。說(shuō)明第一種方式通過(guò)設(shè)置的方式代碼不易讀而重構(gòu)后的代碼簡(jiǎn)介明了。

引言

列舉一些編碼過(guò)程中重構(gòu)的目標(biāo),雖然不難理解,但確實(shí)蠻實(shí)用的,平時(shí)編碼中有些經(jīng)常遇到。

用return 退出多重循環(huán)

常見的就是二重for循環(huán)標(biāo)記break退出。

let func=function () {
    let flag=false;
    for(let i=0;i<100;i++){
        for(let j=0;j<100;j++){
            if(i*j>30){
                flag=true;
                break;
            }

        }
        if(flag==true){
            break;
        }
    }
}



let func=function () {
    let flag=false;
    for(let i=0;i<100;i++){
        for(let j=0;j<100;j++){
            if(i*j>30){
                return;
            }

        }
    }
}

說(shuō)明 第一種方式通過(guò)設(shè)置flag的方式,代碼不易讀,而重構(gòu)后的代碼簡(jiǎn)介明了。其次如果return后還要一些邏輯要執(zhí)行,可以把要執(zhí)行的邏輯封裝成函數(shù)放到return后面。

大型類的分解

let Attack=function (hero) {
    this.hero=hero;
}
Attack.prototype.start=function (type) {
    return this.list[type].call(this);
}
Attack.prototype.list={
    q:function () {
        console.log("q skill")
    },
    w:function () {
        console.log("w skill")
    }
};

let Hero=function (name) {
    this.name=name;
    this.attackObj=new Attack(this);
}
Hero.prototype.attack=function (type) {
    this.attackObj.start(type);
}
let gaiLunIns=new Hero("GaiLun");
gaiLunIns.attack("q");

說(shuō)明 函數(shù)式編程中我們會(huì)將復(fù)雜邏輯拆成一個(gè)個(gè)可處理的最小單元,而在面向?qū)ο笾泻侠砝迷O(shè)計(jì)模式,可以極大的解耦我們的代碼,
上述實(shí)例中,攻擊功能比較復(fù)雜,多帶帶封裝成一個(gè)類,技能維護(hù)成一個(gè)列表,拓展性強(qiáng),整個(gè)攻擊邏輯不摻和在hero當(dāng)中,hero顯得也非常精簡(jiǎn)。

少用三目運(yùn)算符

少用并不是說(shuō)不用,適當(dāng)?shù)牡胤绞褂?例如下面的判斷條件簡(jiǎn)單且清晰

let global=typeof window != "undefined"  ? window:this;

但是如果嵌套很多層,就不提倡,不易閱讀和維護(hù)。

減少函數(shù)參數(shù)的數(shù)量

函數(shù)參數(shù)多,就容易給使用者帶來(lái)復(fù)雜度,合理的編碼,利用一些設(shè)計(jì)模式,例如典型的策略模式,而不應(yīng)該保留過(guò)多條件在函數(shù)參數(shù)中,
復(fù)雜的邏輯內(nèi)部應(yīng)該封裝起來(lái)。還要就是函數(shù)參數(shù)應(yīng)該用一個(gè)對(duì)象來(lái)傳遞,例如vue,handsontable等等,這些工具實(shí)例化時(shí)傳遞的都是option對(duì)象,
工具內(nèi)部做了一些默認(rèn)處理,并且我們傳遞的參數(shù)時(shí),也不用關(guān)心順序和個(gè)數(shù)。

函數(shù)提煉

let getPrice=function (price) {
    var date=new Date();
    if(date.getMonth()>=6&&date.getMonth()<=9){
            return price*0.8
    }
}
let isSummer=function () {
    let date=new Date();
    return date.getMonth()>=6&&date.getMonth()<=9
}

let getPrice=function (price) {
    var date=new Date();
    if(isSummer()){
        return price*0.8
    }
    return price;
}

說(shuō)明 復(fù)雜的條件語(yǔ)句增加維護(hù)難度,不易閱讀,而函數(shù)更能清晰的表達(dá)代碼含義,如果命名良好,基本就不用加注釋了。

一等函數(shù)

http.post("/add/article",function(){
…… 
});
http.post("/add/article",callback);

說(shuō)明 上面不傳遞一個(gè)具體匿名函數(shù)的好處是,方便解耦和以后不確定增加的維護(hù)難度,函數(shù)式編程中一等函數(shù)的應(yīng)用好處其實(shí)有很多。

總結(jié)

設(shè)計(jì)模式和重構(gòu)行為,都不是必須的,但是這都是一個(gè)程序員基本的涵養(yǎng),重構(gòu)有很多方面,我只是列舉了其中幾點(diǎn),還有一些常見的比如用對(duì)象或函數(shù)式封裝變量，模塊化封裝一組功能等等，上面的示例中,有些情況
在平常編碼中不注意也會(huì)出現(xiàn)上面的情況,總結(jié)一下,也算是加深一下自己的認(rèn)知吧。