javascript設(shè)計(jì)模式與開發(fā)實(shí)踐（一）- 多態(tài)

wthee 發(fā)布于2019-08-22 15:03 / 3487人閱讀

摘要：當(dāng)我們對(duì)一些函數(shù)發(fā)出調(diào)用的消息時(shí)，這些函數(shù)會(huì)返回不同的執(zhí)行結(jié)果，這是多態(tài)性的一種體現(xiàn)，也是很多設(shè)計(jì)模式在中可以用高階函數(shù)來代替實(shí)現(xiàn)的原因。

PS：上一篇文章發(fā)表之后，很多朋友關(guān)注了本人的思否和掘金的博客，雖然關(guān)注的朋友還有有限，但足夠讓我把自己在技術(shù)上的問題積累分享給大家，也希望大家能夠喜歡，同時(shí)能動(dòng)一動(dòng)手指，給一顆心（贊），博主會(huì)持續(xù)更新下去 多態(tài)

本文是《javascript設(shè)計(jì)模式與開發(fā)實(shí)踐》一書學(xué)習(xí)筆記，因書中所表述的概念簡單明了，故將整本書的筆記奉上，全部文章大概在20篇左右，還請(qǐng)朋友們持續(xù)關(guān)注

動(dòng)態(tài)語言類型

編程語言按照數(shù)據(jù)類型大體可以分為兩類，一類是靜態(tài)類型語言，另一類是動(dòng)態(tài)類型語言

靜態(tài)類型語言，聲明任何變量或者形參都需要指定類型，例如java語言。
動(dòng)態(tài)類型語言，聲明任何變量或者形參都不需要指定類型，javascript就是動(dòng)態(tài)類型語言。

所謂動(dòng)態(tài)，可以多層面的理解，首先，聲明變量不需要指定類型，其次，在多態(tài)思想下，java中需要利用父類實(shí)現(xiàn)多態(tài)，而javascript就不需要，本身自帶多態(tài)屬性。

多態(tài)

熟悉java的朋友知道，java三大特征之一就有多態(tài)，多態(tài)給java帶來了很大的靈活性，很多設(shè)計(jì)模式也是通過多態(tài)來實(shí)現(xiàn)，java中的多態(tài)涉及到向上轉(zhuǎn)型和向下轉(zhuǎn)型,而javascript（以下簡稱js）的"多態(tài)"就相對(duì)來說容易實(shí)現(xiàn)

我們來看一段“多態(tài)”的js代碼

var makeSound = function(an) {
    if(an instanceof Duck) {
        console.log("嘎嘎嘎");
    } else if(an instanceof Dog) {
        console.log("汪汪汪");
    }
}

var Dog = function(){};
var Duck = function(){};

makeSound(new Dog());
makeSound(new Duck());

這段代碼確實(shí)體現(xiàn)了“多態(tài)性”，當(dāng)我們分別向鴨和雞發(fā)出“叫喚”的消息時(shí)，它們根據(jù)此消息作出了各自不同的反應(yīng)，但是這樣寫會(huì)有一個(gè)弊端，當(dāng)更多的類型出現(xiàn)時(shí)，我們要不斷的修改makeSound函數(shù)，后期makeSound函數(shù)也會(huì)變得十分巨大，這不符合良好代碼設(shè)計(jì)的規(guī)范，多態(tài)背后的思想是將“做什么”和“誰去做以及怎樣去做”分離開來，也就是將“不變的事物”與 “可能改變的事物”分離開來。在這個(gè)故事中，動(dòng)物都會(huì)叫，這是不變的，但是不同類型的動(dòng)物具體怎么叫是可變的。把不變的部分隔離出來，把可變的部分封裝起來，這給予了我們擴(kuò)展程序的能力，程序看起來是可生長的，也是符合開放—封閉原則的，相對(duì)于修改代碼來說，僅僅增加代碼就能完成同樣的功能，這顯然優(yōu)雅和安全得多

首先，我們把makeSound函數(shù)修改一下：

var makeSound = function(an) {
    an.speak();
}

這段代碼傳入一個(gè)對(duì)象，然后調(diào)用對(duì)象的speak函數(shù)

var Duck = function(){}
Duck.prototype.sound = function(){
    console.log( "嘎嘎嘎" );
};
var Chicken = function(){}
Chicken.prototype.sound = function(){
    console.log( "咯咯咯" );
};
makeSound( new Duck() ); // 嘎嘎嘎
makeSound( new Chicken() );

現(xiàn)在我們向鴨和雞都發(fā)出“叫喚”的消息，它們接到消息后分別作出了不同的反應(yīng)。如果有一天動(dòng)物世界里又增加了一只狗，這時(shí)候只要簡單地追加一些代碼就可以了，而不用改動(dòng)以前的 makeSound 函數(shù)

類型檢查和多態(tài)

現(xiàn)在，我們來進(jìn)一步了解多態(tài)，之前說到，java的多態(tài)需要利用繼承來實(shí)現(xiàn)，我們現(xiàn)在把動(dòng)物的例子換成java代碼

public class Duck {
    public void speak(){
        System.out.println( "嘎嘎嘎" );
    }
}

public class Dog {
    public void speak(){
        System.out.println( "汪汪汪" );
    }
}

public class AnimalSpeak{
    public void makeSound(Duck duck){
        duck.speak();
    }
}

public static void main(String args[]){
    AnimalSpeak an = new AnimalSpeak();
    Duck duck = new Duck();
    an.makeSound(duck); // 輸出：嘎嘎嘎
}

現(xiàn)在鴨子已經(jīng)順利叫出來了，但是我們想讓狗也叫，發(fā)現(xiàn)不太容易實(shí)現(xiàn)，因?yàn)閙akeSound函數(shù)中，形參是Duck類型，傳入Dog類型一定會(huì)報(bào)錯(cuò)，這個(gè)時(shí)候繼承就出現(xiàn)了，java設(shè)計(jì)思路是我先創(chuàng)建一個(gè)父類，具體傳入的類型由子類決定，但是makeSound函數(shù)中的形參確是父類類型，實(shí)現(xiàn)如下：

public abstract class Animal{
    abstract void speak(); // 抽象方法
}

public class Duck extends Animal {
    public void speak(){ // 覆寫父類中的抽象方法
        System.out.println( "嘎嘎嘎" );
    }
}

public class Dog extends Animal {
    public void speak(){ // 覆寫父類中的抽象方法
        System.out.println( "汪汪汪" );
    }
}

public class AnimalSpeak{
    public void makeSound(Animal an){
        an.speak();
    }
}

public static void main(String args[]){
    AnimalSpeak an = new AnimalSpeak();
    Animal duck = new Duck();
    Animal dog = new Dog();
    an.makeSound(duck); // 輸出：嘎嘎嘎
    an.makeSound(dog); // 輸出：汪汪汪
}

js中的多態(tài)

JavaScript 對(duì)象的多態(tài)性是與生俱來的，為什么這么說？仔細(xì)看看這兩個(gè)函數(shù)：

public void makeSound(Animal an){
    an.speak();
}

function(an) {
    an.speak();
}

js和java中的函數(shù)的形參是不同的，java定死了傳入的類型，而js是動(dòng)態(tài)的，js隨便可以傳入任何類型，所以，我們之前說js是動(dòng)態(tài)類型語言，在 JavaScript 這種將函數(shù)作為一等對(duì)象的語言中，函數(shù)本身也是對(duì)象，函數(shù)用來封裝行為并且能夠被四處傳遞。當(dāng)我們對(duì)一些函數(shù)發(fā)出“調(diào)用”的消息時(shí)，這些函數(shù)會(huì)返回不同的執(zhí)行結(jié) 果，這是“多態(tài)性”的一種體現(xiàn)，也是很多設(shè)計(jì)模式在 JavaScript 中可以用高階函數(shù)來代替實(shí)現(xiàn)的原因。

云服務(wù)器 GPU云服務(wù)器 javascript基礎(chǔ)與實(shí)踐教程軟件設(shè)計(jì)與開發(fā) java設(shè)計(jì)與開發(fā) 數(shù)據(jù)庫設(shè)計(jì)與開發(fā)

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93132.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

wthee

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

C語言define和初級(jí)指針

閱讀 2415·2021-10-14 09:43
????新生代農(nóng)民工爆肝8萬字，整理Python編程從入門到實(shí)踐(建議收藏)已碼：6萬字????

閱讀 2444·2021-09-09 09:34
CSS 加載新方式

閱讀 1608·2019-08-30 12:57
【CSS】nth-child 與 nth-of-type辨析

閱讀 1208·2019-08-29 14:16
注冊(cè)和登錄（關(guān)于Cookie）

閱讀 728·2019-08-26 12:13
PHP與AJAX的相愛相殺

閱讀 3209·2019-08-26 11:45
LeetCode.3 無重復(fù)字符的最長子串(JS)

閱讀 2293·2019-08-23 16:18
為什么編程語言的都要定義數(shù)據(jù)類型

閱讀 2670·2019-08-23 15:27

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

javascript設(shè)計(jì)模式與開發(fā)實(shí)踐（一）- 多態(tài)

相關(guān)文章

*JavaScript**設(shè)計(jì)模式與開發(fā)實(shí)踐* | 01 - 面向?qū)ο蟮?em>JavaScript

**學(xué)習(xí)設(shè)計(jì)模式前需要知道的事情**

javascript面向?qū)ο笾?em>多態(tài)”

JavaScript多態(tài)與適配器模式思考

**《*JavaScript**設(shè)計(jì)模式與開發(fā)實(shí)踐*》 —— <閱讀小札·一>**

發(fā)表評(píng)論

0條評(píng)論

wthee

男|高級(jí)講師

TA的文章

C語言define和初級(jí)指針

????新生代農(nóng)民工爆肝8萬字，整理Python編程從入門到實(shí)踐(建議收藏)已碼：6萬字????

CSS 加載新方式

【CSS】nth-child 與 nth-of-type辨析

注冊(cè)和登錄（關(guān)于Cookie）

PHP與AJAX的相愛相殺

LeetCode.3 無重復(fù)字符的最長子串(JS)

為什么編程語言的都要定義數(shù)據(jù)類型

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

javascript設(shè)計(jì)模式與開發(fā)實(shí)踐（一）- 多態(tài)

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！