亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

JavaScript設計模式學習之“類式繼承”

2019-11-20 12:58:03
字體:
來源:轉載
供稿:網友

在做一件事情之前,首先要清楚做這件事情的好處有什么,相信不會有哪個人愿意無緣無故的去做事情。一般說來,我們在設計類的時候,實際上就是希望能減少重復性的代碼,使用繼承可以完美的做到這一點,借助繼承機制,你可以在現有類的基礎上再次進行設計并且充分利用它們已經具備的各種方法,而對設計的修改也更為輕松。廢話不多說了,舉例說明:

復制代碼 代碼如下:

function Person(name){
    this.name = name;
}
Person.prototype.getname = function(){
    return this.name;
}
 
function Bloger(name,blog){
    Person.call(this,name);
    this.blog = blog;
}
var bloger = new Bloger("zhenn","http://www.49028c.com");
alert(bloger.name=="zhenn");   /*返回ture*/
alert(bloger.blog)   /*提示//www.49028c.com*/
alert(bloger.getname()=="zhenn");   /*提示"bloger.getname is not a function"*/

通過上例可以看到,Bloger在其內部通過call動態調用了其父類Person的原生屬性和方法(關于call的講解請參考//www.49028c.com/article/62086.htm),即可以理解為Bloger繼承了Person,成為它的一個子類,但是細心的同學會發現,Person原型對象中的方法,僅僅依靠call,是不能繼承過來的,這也就是會提示"bloger.getname is not a function"的原因所在了。不過不用擔心,對上述代碼稍作處理,即可解決這個問題!

復制代碼 代碼如下:

function Person(name){
    this.name = name;
}
Person.prototype.getname = function(){
    return this.name;
}
 
function Bloger(name,blog){
    Person.call(this,name);
    this.blog = blog;
}
/*請注意以下兩行代碼*/
Bloger.prototype = new Person(); 
Bloger.prototype.constructor = Bloger;
 
var bloger = new Bloger("zhenn","http://www.49028c.com");
alert(bloger.name=="zhenn");   /*返回ture*/
alert(bloger.blog)   /*提示//www.49028c.com*/
alert(bloger.getname()=="zhenn");   /*提示true*/

在這里需要對這兩行代碼解釋一下,我們知道,每一個構造函數都有一個prototype屬性,這個屬性指向該構造函數的原型對象,其實原型對象也是實例對象,只不過在原型對象中定義的屬性和方法可以提供給所有的實例對象共享,由此可以得出,新添加兩行代碼的意圖就是設置子類的原型對象指向父類的一個實例化對象,而父類的實例化對象會把父類的原型屬性方法統統繼承過來,這樣也就達到了我們的目的,子類的原型繼承了所有父類實例對象具有的屬性和方法。

但是還應該注意Bloger.prototype.constructor = Bloger;這行代碼,因為把子類的prototype設置為父類的實例時,其constructor屬性會指向父類,所以要設置子類原型的constructor重新指向子類,至此,已經完美實現了javascript的類式繼承!

為了簡化子類的聲明,可以把擴展子類的整個過程寫在一個名為extend的函數中,作用就是基于一個給定的類結構去創建一個新的類:

復制代碼 代碼如下:

function extend(childClass,parentClass){
    var F = new Function();
    F.prototype = parentClass.prototype;
    childClass.prototype = new F();
    childClass.prototype.constructor = childClass;
}

有了這個extend這個函數,就可以很方便的擴展子類了,只需調用這個函數即可,上述添加的兩行代碼可改為extend(Bloger,Person), 一樣可以實現完全繼承!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美高跟鞋交xxxxxhd| 久久久久日韩精品久久久男男| 亚洲开心激情网| 午夜精品久久久久久久99热| 伊人激情综合网| 国产精品久久久久久久久久东京| 色噜噜狠狠色综合网图区| 欧美在线免费视频| 97色在线视频观看| 国产欧美在线视频| 日韩免费中文字幕| 亚洲999一在线观看www| 国产脚交av在线一区二区| 大桥未久av一区二区三区| 久久伊人免费视频| 日韩在线一区二区三区免费视频| 成人h视频在线| 国产丝袜精品第一页| 国产欧美一区二区三区四区| 国产在线播放不卡| 精品视频在线播放| 日韩av理论片| 国产精品久久久久久久久影视| 国产亚洲精品高潮| 亚洲国产欧美自拍| 日韩中文视频免费在线观看| 久久成年人视频| 亚洲自拍偷拍色图| 97在线视频免费观看| 国模极品一区二区三区| 亚洲曰本av电影| 欧美激情高清视频| 成人久久一区二区三区| 亚洲最新av在线| 日韩av免费在线观看| 日韩一二三在线视频播| 亚洲男人天堂九九视频| 欧美日韩福利在线观看| 另类色图亚洲色图| 国产精品久久久久久久久粉嫩av| 国产日韩亚洲欧美| 国产精品对白刺激| 操人视频在线观看欧美| 久久五月天综合| 久久久爽爽爽美女图片| 国产日韩在线视频| 国产免费一区视频观看免费| 亚洲国产精品久久久久| 国产精品久久网| 97在线视频免费观看| 成人精品福利视频| 久久手机精品视频| 91在线观看欧美日韩| 欧美黄色免费网站| 亚洲美女激情视频| 色多多国产成人永久免费网站| 日韩黄在线观看| 欧美激情精品久久久久久黑人| 色播久久人人爽人人爽人人片视av| 亚洲精品av在线| 日韩一级黄色av| 欧美性极品xxxx做受| 亚洲自拍偷拍在线| 日本欧美国产在线| 国产日韩欧美在线视频观看| 亚洲午夜小视频| 中文字幕亚洲二区| 亚洲欧美日韩精品久久奇米色影视| 亚洲午夜女主播在线直播| 久久男人资源视频| 色中色综合影院手机版在线观看| 亚洲第一区第一页| 久久91精品国产91久久跳| 国产日韩精品在线观看| 国产91精品视频在线观看| 毛片精品免费在线观看| 亚洲国产日韩欧美在线99| 亚洲天堂男人的天堂| 欧美巨猛xxxx猛交黑人97人| 久久国产精品偷| 国产日韩av高清| 亚洲视频在线视频| 欧美一区二区.| 91国自产精品中文字幕亚洲| 国产精品视频yy9099| 日韩欧美极品在线观看| 中文字幕日韩欧美在线视频| 45www国产精品网站| 国产主播欧美精品| 久久久天堂国产精品女人| 欧美日韩人人澡狠狠躁视频| 国产精品久久久av| 福利微拍一区二区| 欧美猛交ⅹxxx乱大交视频| 久久久久久久久久av| 欧美午夜无遮挡| 国产成人aa精品一区在线播放| 8050国产精品久久久久久| 国产精品黄色av| 另类天堂视频在线观看| 国产精品免费视频久久久| 国产日韩换脸av一区在线观看| 伊人激情综合网| 日韩av高清不卡| 欧美在线视频免费| 中文字幕九色91在线| 亚洲乱码一区二区| 欧美日韩中文字幕综合视频| 96精品久久久久中文字幕| 4438全国亚洲精品在线观看视频| 日韩国产在线看| 久久久精品一区二区三区| 国产99久久精品一区二区永久免费| 亚洲国产精品久久久久秋霞蜜臀| 中文字幕av一区二区三区谷原希美| 日韩精品视频免费| www亚洲精品| 亚洲精品一区中文字幕乱码| 国产成人在线播放| 国产精品盗摄久久久| 亚洲第一精品久久忘忧草社区| 国模叶桐国产精品一区| 久久手机精品视频| 性欧美亚洲xxxx乳在线观看| 91九色视频导航| 国产精品扒开腿做爽爽爽男男| 91精品视频观看| 成人精品在线视频| 成人黄色影片在线| 欧美性猛交xxxx乱大交蜜桃| 日韩中文有码在线视频| 米奇精品一区二区三区在线观看| 欧美精品videos性欧美| 国产视频久久网| 国产一区二区三区在线视频| 亚洲日韩第一页| 久久久久久久久久久久久久久久久久av| 日本在线精品视频| 国产精品香蕉在线观看| 2020久久国产精品| 国产午夜精品一区二区三区| 亚洲欧洲在线视频| 91精品国产自产在线观看永久| 亚洲成人av片在线观看| 97超级碰碰碰久久久| 久久久中精品2020中文| 国产精品久久久久av| 亚洲最新在线视频| 韩国三级日本三级少妇99| 亚洲国产精久久久久久| 欧美成人免费网| 精品久久久久久久久久久久久| 国产精品久久婷婷六月丁香| 亚洲精品按摩视频| 国产精品久久久久久久7电影| 国产精品黄色av| 91大神在线播放精品| 国产亚洲精品久久久| 亚洲老板91色精品久久| 中文字幕久久久av一区| 久久99久久久久久久噜噜| 国产精品国产三级国产aⅴ9色| 国内精品久久久久久| 亚洲一区二区久久久|