本文參考曾探編寫的JavaScript設(shè)計模式與開發(fā)實踐

設(shè)計模式的實現(xiàn)都遵循一條原則，即“找出程序中變化的地方，并將變化封裝起來”。一個程序的設(shè)計總是可以分為可變的部分和不變的部分。當(dāng)我們找出可變的部分，并且把這些部分封裝起來，那么剩下的就是不變和穩(wěn)定的部分。這些不變和穩(wěn)定的部分是非常容易復(fù)用的。這也是設(shè)計模式為什么描寫的是可復(fù)用面向?qū)ο筌浖A(chǔ)的原因。

1.鴨子類型

鴨子類型的通俗說法是：“如果它走起路來像鴨子，叫起來也是鴨子，那么它就是鴨子。”

鴨子類型專業(yè)解釋：例如，在不使用鴨子類型的語言中，我們可以編寫一個函數(shù)，它接受一個類型為"鴨子"的對象，并調(diào)用它的"走"和"叫"方法，但它只能接受鴨子類型的對象，否則報錯。在使用鴨子類型的語言中，這樣的一個函數(shù)可以接受一個任意類型的對象，并調(diào)用它的"走"和"叫"方法。如果這些需要被調(diào)用的方法不存在，那么將引發(fā)一個運行時錯誤。任何擁有這樣的正確的"走"和"叫"方法的對象都可被函數(shù)調(diào)用這種行為就是符合鴨子類型。

所以如果弱類型語言(js)函數(shù)需要接收參數(shù)，為保證健壯性，則應(yīng)先判斷參數(shù)類型，并判斷參數(shù)是否包含需要訪問的方法、屬性。只有當(dāng)這些條件滿足時，程序才真正處理調(diào)用參數(shù)的方法、參數(shù)

    var duck = {
            sing: function() {
                console.log('嘎嘎嘎');
            }
        }
        var chicken = {
            sing: function() {
                console.log('嘎嘎嘎');
            }
        }
        var choir = [] //合唱團(tuán)
        function joinChoir(duck) {
            if (duck && typeof duck.sing === 'function') {
                choir.push(duck)
                console.log('合唱隊添加了一個成員');
            }
        }
        joinChoir(duck)
        joinChoir(chicken)
            // 大合唱
        for (let i = 0; i < choir.length; i++) {
            choir[i].sing()
        }

2.多態(tài)

2.1 java多態(tài)

對面向?qū)ο髞碚f，多態(tài)分為編譯時多態(tài)和運行時多態(tài)。其中編譯時多態(tài)是靜態(tài)的，主要是指方法的重載，它是根據(jù)參數(shù)列表的不同來區(qū)分不同的方法。通過編譯之后會變成兩個不同的方法，在運行時談不上多態(tài)。而運行時多態(tài)是動態(tài)的，它是通過動態(tài)綁定來實現(xiàn)的，也就是大家通常所說的多態(tài)性。

在java里，多態(tài)是同一個行為具有不同表現(xiàn)形式或形態(tài)的能力，即對象多種表現(xiàn)形式的體現(xiàn)，就是指程序中定義的引用變量所指向的具體類型和通過該引用變量發(fā)出的方法調(diào)用在編程時并不確定，而是在程序運行期間才確定，即一個引用變量倒底會指向哪個類的實例對象，該引用變量發(fā)出的方法調(diào)用到底是哪個類中實現(xiàn)的方法，必須在由程序運行期間才能決定。在簡單來說，編譯時對象是父類類型，到真正運行時，對象才可以知道具體是哪個子類類型，才知道調(diào)用哪個子類中實現(xiàn)的方法

Java 實現(xiàn)多態(tài)有 3 個必要條件：繼承、重寫和向上轉(zhuǎn)型。只有滿足這 3 個條件，開發(fā)人員才能夠在同一個繼承結(jié)構(gòu)中使用統(tǒng)一的邏輯實現(xiàn)代碼處理不同的對象，從而執(zhí)行不同的行為。

• 繼承：在多態(tài)中必須存在有繼承關(guān)系的子類和父類。
• 重寫：子類對父類中某些方法進(jìn)行重新定義，在調(diào)用這些方法時就會調(diào)用子類的方法。
• 向上轉(zhuǎn)型：在多態(tài)中需要將子類的引用賦給父類對象，只有這樣該引用才既能可以調(diào)用父類的方法，又能調(diào)用子類的方法。

由此可以得出使用多態(tài)的好處，我們可以很好的完成代碼的解耦和工作，加強代碼的可擴展性，是代碼更加靈活，在不改變原有接口方法的情況下簡化流程等，總結(jié)一下就是：

• 減耦合
• 增強可以替換性
• 可擴展性
• 靈活性等…

舉個生活例子，如下圖所示：使用手機掃描二維碼支付時，二維碼并不知道客戶是通過何種方式進(jìn)行支付，只有通過二維碼后才能判斷是走哪種支付方式執(zhí)行對應(yīng)流程。

舉個代碼例子，創(chuàng)建 Figure 類，在該類中首先定義存儲二維對象的尺寸，然后定義有兩個參數(shù)的構(gòu)造方法，最后添加 area() 方法，該方法計算對象的面積。代碼如下：

public class Figure {
    double dim1;
    double dim2;
    Figure(double d1, double d2) {
        // 有參的構(gòu)造方法
        this.dim1 = d1;
        this.dim2 = d2;
    }
    double area() {
        // 用于計算對象的面積
        System.out.println("父類中計算對象面積的方法，沒有實際意義，需要在子類中重寫。");
        return 0;
    }
}

創(chuàng)建繼承自 Figure 類的 Rectangle 子類，該類調(diào)用父類的構(gòu)造方法，并且重寫父類中的 area() 方法。代碼如下：

public class Figure {
    double dim1;
    double dim2;
    Figure(double d1, double d2) {
        // 有參的構(gòu)造方法
        this.dim1 = d1;
        this.dim2 = d2;
    }
    double area() {
        // 用于計算對象的面積
        System.out.println("父類中計算對象面積的方法，沒有實際意義，需要在子類中重寫。");
        return 0;
    }
}

創(chuàng)建繼承自 Figure 類的 Triangle 子類，該類與 Rectangle 相似。代碼如下：

public class Rectangle extends Figure {
    Rectangle(double d1, double d2) {
        super(d1, d2);
    }
    double area() {
        System.out.println("長方形的面積：");
        return super.dim1 * super.dim2;
    }
}

創(chuàng)建 Test 測試類，在該類的 main() 方法中首先聲明 Figure 類的變量 figure，然后分別為 figure 變量指定不同的對象，并調(diào)用這些對象的 area() 方法。代碼如下：

public class Rectangle extends Figure {
    Rectangle(double d1, double d2) {
        super(d1, d2);
    }
    double area() {
        System.out.println("長方形的面積：");
        return super.dim1 * super.dim2;
    }
}

從上述代碼可以發(fā)現(xiàn)，無論 figure 變量的對象是 Rectangle 還是 Triangle，它們都是 Figure 類的子類，因此可以向上轉(zhuǎn)型為該類，從而實現(xiàn)多態(tài)。

2.2 js多態(tài)

多態(tài)的實際含義：是同一操作作用于不同的對象上面，可以產(chǎn)生不同的解釋和不同的執(zhí)行結(jié)果。換句話說，給不同的對象發(fā)送同一個消息的時候，這些對象會根據(jù)這個消息分別給出不同的反饋。

來舉例說明一下多態(tài)的實際含義：

主人家里養(yǎng)了兩只動物，分別是一只鴨和一只雞，當(dāng)主人向它們發(fā)出“叫”的命令時，鴨會“嘎嘎嘎”地叫，而雞會“咯咯咯”地叫。這兩只動物都會以自己的方式來發(fā)出叫聲。它們同樣“都是動物，并且可以發(fā)出叫聲”，但根據(jù)主人的指令，它們會各自發(fā)出不同的叫聲。

      var Duck = function() {
        }
        Duck.prototype.sing = function() {
            console.log('嘎嘎嘎');
        }
        var Chicken = function() {
        }
        Chicken.prototype.sing = function() {
            console.log('嘎嘎嘎');
        }
        function sing(animal) {
            if (animal && (typeof animal.sing === 'function')) {
                animal.sing()
            }
        }
        sing(new Duck())
        sing(new Chicken())

多態(tài)背后的思想：是將“做什么”和“誰去做以及怎樣去做”分離開來，也就是將“不變的事物”與 “可能改變的事物”分離開來。在這個故事中，動物都會叫，這是不變的，但是不同類型的動物具體怎么叫是可變的。把不變的部分隔離出來，把可變的部分封裝起來，這給予了我們擴展程序的能力，程序看起來是可生長的，也是符合開放—封閉原則的，相對于修改代碼來說，僅僅增加代碼就能完成同樣的功能，這顯然優(yōu)雅和安全得多。

多態(tài)的實現(xiàn)：多態(tài)的思想實際上是把“做什么”和“誰去做”分離開來，要實現(xiàn)這一點，歸根結(jié)底先要消除類型之間的耦合關(guān)系。如果類型之間的耦合關(guān)系沒有被消除，那么我們在makeSound 方法中指定了發(fā)出叫聲的對象是某個類型，它就不可能再被替換為另外一個類型。在 Java 中，可以通過向上轉(zhuǎn)型來實現(xiàn)多態(tài)。而 JavaScript 的變量類型在運行期是可變的。一個JavaScript 對象，既可以表示 Duck 類型的對象，又可以表示 Chicken 類型的對象，這意味著 JavaScript 對象的多態(tài)性是與生俱來的。這種與生俱來的多態(tài)性并不難解釋。JavaScript 作為一門動態(tài)類型語言，它在編譯時沒有類型檢查的過程，既沒有檢查創(chuàng)建的對象類型，又沒有檢查傳遞的參數(shù)類型。

多態(tài)的最根本好處：你不必再向?qū)ο笤儐?ldquo;你是什么類型”而后根據(jù)得到的答案調(diào)用對象的某個行為——你只管調(diào)用該行為就是了，其他的一切多態(tài)機制都會為你安排妥當(dāng)。換句話說，多態(tài)最根本的作用就是通過把過程化的條件分支語句轉(zhuǎn)化為對象的多態(tài)性，從而消除這些條件分支語句

多態(tài)的最根本好處，可以用下面這個例子很好地詮釋：在電影的拍攝現(xiàn)場，當(dāng)導(dǎo)演喊出“action”時，主角開始背臺詞，照明師負(fù)責(zé)打燈光，后面的群眾演員假裝中槍倒地，道具師往鏡頭里撒上雪花。在得到同一個消息時，每個對象都知道自己應(yīng)該做什么。如果不利用對象的多態(tài)性，而是用面向過程的方式來編寫這一段代碼，那么相當(dāng)于在電影開始拍攝之后，導(dǎo)演每次都要走到每個人的面前，確認(rèn)它們的職業(yè)分工（類型），然后告訴他們要做什么。如果映射到程序中，那么程序中將充斥著條件分支語句。利用對象的多態(tài)性，導(dǎo)演在發(fā)布消息時，就不必考慮各個對象接到消息后應(yīng)該做什么。對象應(yīng)該做什么并不是臨時決定的，而是已經(jīng)事先約定和排練完畢的。每個對象應(yīng)該做什么，已經(jīng)成為了該對象的一個方法，被安裝在對象的內(nèi)部，每個對象負(fù)責(zé)它們自己的行為。所以這些對象可以根據(jù)同一個消息，有條不紊地分別進(jìn)行各自的工作。

將行為分布在各個對象中，并讓這些對象各自負(fù)責(zé)自己的行為，這正是面向?qū)ο笤O(shè)計的優(yōu)點。

總結(jié)

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容!

最新評論