JavaScript中支持多態(tài);多態(tài)指的是為不同數(shù)據(jù)類型的實體提供統(tǒng)一的接口,多態(tài)類型可以將自身所支持的操作套用到其他類型的值上,在JavaScript中的多態(tài)則表示同一操作作用于不同的對象上面可以產(chǎn)生不同的解釋和不同的執(zhí)行結(jié)果。
本教程操作環(huán)境:windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript支持多態(tài)
在編程語言和類型論中,多態(tài)(英語:polymorphism)指為不同數(shù)據(jù)類型的實體提供統(tǒng)一的接口。 多態(tài)類型(英語:polymorphic type)可以將自身所支持的操作套用到其它類型的值上。
含義
同一操作作用于不同的對象上面,可以產(chǎn)生不同的解釋和不同的執(zhí)行結(jié)果
比方說,我養(yǎng)了一只貓和一只狗,我對它們發(fā)出同一個指令 “叫一下”,貓會喵喵喵,而狗會汪汪汪,所以讓它們叫一下就是同一操作,而叫聲不同則是不同的執(zhí)行結(jié)果。
例如
導(dǎo)演說開始action的時候,每個演員就自己做自己該做的事情,
而不是導(dǎo)演一個個的去告訴每個演員去做什么
多態(tài)的最根本的好處在于,你不必再向?qū)ο笤儐?quot;你是什么類型"
然后根據(jù)得到的答案調(diào)用對象的某個行為
你只管調(diào)用該行為就行了,其他的一切多態(tài)機制都會為你安排妥當
// 多態(tà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()); // 此時如果加一個狗,還需要再去改源代碼
示例
// 首先把不變的部分隔離出來 var makeSound = function (animal) { animal.sound(); } //然后把可變的部分各自封裝起來, var Duck = function () { } Duck.prototype.sound = function () { console.log("嘎嘎嘎"); } var Chicken = function () { } Chicken.prototype.sound = function () { console.log("咯咯咯"); } makeSound(new Duck()); makeSound(new Chicken()); //如果有一天改需求了,加一個動物 //簡單追加一條代碼就可以啦 var Dog = function () { } Dog.prototype.sound = function () { console.log("汪汪汪"); } makeSound(new Dog());
實際案例
// 實際案例 var googleMap = { show: function () { console.log('開始渲染谷歌地圖'); } } var baiduMap = { show: function () { console.log('開始渲染百度地圖'); } } var renderMap = function (map) { if (map.show instanceof Function) { map.show(); } } renderMap(googleMap)
【