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)
【