javascript支援多型嗎

WBOY
發布: 2022-07-28 17:11:40
原創
2075 人瀏覽過

JavaScript中支援多態;多態指的是為不同資料類型的實體提供統一的接口,多型別可以將自身所支援的操作套用到其他型別的值上,在JavaScript中的多態則表示同一操作作用於不同的物件上面可以產生不同的解釋和不同的執行結果。

javascript支援多型嗎

本教學操作環境:windows10系統、javascript1.8.5版、Dell G3電腦。

javascript支援多型別

在程式語言和類型論中,多型(英文:polymorphism)指為不同資料型別的實體提供統一的介面。 多態類型(英語:polymorphic type)可以將自身所支援的運算套用到其它類型的值上。

含義

同一操作作用於不同的物件上面,可以產生不同的解釋和不同的執行結果

比方說,我養了一隻貓和一隻狗,我對它們發出同一個指令“叫一下”,貓會喵喵喵,而狗會汪汪汪,所以讓它們叫一下就是同一操作,而叫聲不同則是不同的執行結果。

例如

導演說開始action的時候,每個演員就自己做自己該做的事情,

而不是導演一個個的去告訴每個演員去做什麼

多態的最根本的好處在於,你不必再向對象詢問"你是什麼類型"

然後根據得到的答案調用對象的某個行為

你只管呼叫該行為就行了,其他的一切多態機制都會為你安排妥當

// 多态背后的思想是将 做什么 和 谁去做 分离
// 也就是将不变的事物 与 可能改变的事物 分离出来
// 先来一段反例的多态代码
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)
登入後複製

【相關推薦:javascript影片教學web前端

以上是javascript支援多型嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!