JavaScript中支持多態(tài)；多態(tài)指的是為不同數(shù)據(jù)類(lèi)型的實(shí)體提供統(tǒng)一的接口，多態(tài)類(lèi)型可以將自身所支持的操作套用到其他類(lèi)型的值上，在JavaScript中的多態(tài)則表示同一操作作用于不同的對(duì)象上面可以產(chǎn)生不同的解釋和不同的執(zhí)行結(jié)果。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript支持多態(tài)

在編程語(yǔ)言和類(lèi)型論中，多態(tài)（英語(yǔ)：polymorphism）指為不同數(shù)據(jù)類(lèi)型的實(shí)體提供統(tǒng)一的接口。 多態(tài)類(lèi)型（英語(yǔ)：polymorphic type）可以將自身所支持的操作套用到其它類(lèi)型的值上。

含義

同一操作作用于不同的對(duì)象上面，可以產(chǎn)生不同的解釋和不同的執(zhí)行結(jié)果

比方說(shuō)，我養(yǎng)了一只貓和一只狗，我對(duì)它們發(fā)出同一個(gè)指令 “叫一下”，貓會(huì)喵喵喵，而狗會(huì)汪汪汪，所以讓它們叫一下就是同一操作，而叫聲不同則是不同的執(zhí)行結(jié)果。

例如

導(dǎo)演說(shuō)開(kāi)始action的時(shí)候，每個(gè)演員就自己做自己該做的事情，

而不是導(dǎo)演一個(gè)個(gè)的去告訴每個(gè)演員去做什么

多態(tài)的最根本的好處在于，你不必再向?qū)ο笤?xún)問(wèn)"你是什么類(lèi)型"

然后根據(jù)得到的答案調(diào)用對(duì)象的某個(gè)行為

你只管調(diào)用該行為就行了，其他的一切多態(tài)機(jī)制都會(huì)為你安排妥當(dāng)

// 多態(tài)背后的思想是將 做什么 和 誰(shuí)去做 分離 // 也就是將不變的事物 與 可能改變的事物 分離出來(lái) // 先來(lái)一段反例的多態(tài)代碼 var makeSound = function (animal) { if (animal instanceof Duck) { console.log('嘎嘎嘎'); } else if (animal instanceof Chicken) { console.log('咯咯咯'); } } var Duck = function () { }; var Chicken = function () { }; makeSound(new Duck()); makeSound(new Chicken()); // 此時(shí)如果加一個(gè)狗，還需要再去改源代碼

示例

// 首先把不變的部分隔離出來(lái) var makeSound = function (animal) { animal.sound(); } //然后把可變的部分各自封裝起來(lái)， var Duck = function () { } Duck.prototype.sound = function () { console.log("嘎嘎嘎"); } var Chicken = function () { } Chicken.prototype.sound = function () { console.log("咯咯咯"); } makeSound(new Duck()); makeSound(new Chicken()); //如果有一天改需求了，加一個(gè)動(dòng)物 //簡(jiǎn)單追加一條代碼就可以啦 var Dog = function () { } Dog.prototype.sound = function () { console.log("汪汪汪"); } makeSound(new Dog());

實(shí)際案例

// 實(shí)際案例 var googleMap = { show: function () { console.log('開(kāi)始渲染谷歌地圖'); } } var baiduMap = { show: function () { console.log('開(kāi)始渲染百度地圖'); } } var renderMap = function (map) { if (map.show instanceof Function) { map.show(); } } renderMap(googleMap)

【