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

首頁 > 語言 > JavaScript > 正文

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

2024-05-06 16:16:37
字體:
來源:轉載
供稿:網友
這篇文章主要介紹了JavaScript設計模式學習之“類式繼承”,本文直接用代碼實例講解類式繼承的實現方法,需要的朋友可以參考下
 

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

復制代碼代碼如下:

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)   /*提示http://www.49028c.com*/
alert(bloger.getname()=="zhenn");   /*提示"bloger.getname is not a function"*/

 

通過上例可以看到,Bloger在其內部通過call動態調用了其父類Person的原生屬性和方法(關于call的講解請參考http://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)   /*提示http://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
亚洲视频在线观看网站| 97婷婷大伊香蕉精品视频| 亚洲一级免费视频| 欧美小视频在线| 亚洲午夜小视频| 久久久亚洲精品视频| 国产精品va在线播放我和闺蜜| 国产欧美亚洲精品| 欧美成人合集magnet| 91精品久久久久久久久久| 伊人久久久久久久久久久| 一本大道亚洲视频| 欧美激情中文字幕在线| 中文字幕不卡在线视频极品| 一区二区成人av| 青青a在线精品免费观看| 成人午夜一级二级三级| 精品激情国产视频| 在线视频精品一| 久久精品99无色码中文字幕| 国产v综合v亚洲欧美久久| 国产精品v片在线观看不卡| 国产在线98福利播放视频| 亚洲电影免费观看高清完整版在线| 欧美国产精品日韩| 亚洲综合最新在线| 亚洲成人精品在线| 欧美电影免费在线观看| 91亚洲国产成人精品性色| 亚洲在线免费看| 欧美性生活大片免费观看网址| 亚洲成色www8888| 成人久久久久爱| 久久亚洲精品国产亚洲老地址| 在线观看免费高清视频97| 日韩hd视频在线观看| 成人免费午夜电影| 精品国产福利视频| 国产一区二区三区视频| 欧美成人国产va精品日本一级| 欧美一级在线亚洲天堂| 久久久免费精品视频| 国产精品一久久香蕉国产线看观看| 日韩乱码在线视频| 欧美日韩国产激情| 日韩av在线播放资源| 国产日韩欧美视频在线| 久久中文字幕视频| 国产精品狠色婷| 91av网站在线播放| 国产成人精品最新| 日本欧美黄网站| 91在线无精精品一区二区| 日韩成人小视频| 国产亚洲精品久久| 久久久久久久久久av| 国产亚洲成av人片在线观看桃| 日韩在线中文字幕| 欧美老少做受xxxx高潮| 国产精品偷伦免费视频观看的| 色yeye香蕉凹凸一区二区av| 97视频在线观看免费高清完整版在线观看| 亚洲国产高潮在线观看| 亚洲人成在线免费观看| 久久在线免费视频| 欧美久久精品午夜青青大伊人| 成人激情视频在线观看| 亚洲激情成人网| 亚洲欧美日韩天堂一区二区| 日韩一区二区三区在线播放| 欧美日韩在线观看视频| 久久亚洲影音av资源网| 国产精品福利小视频| 国产精品视频最多的网站| 欧美亚洲午夜视频在线观看| 成人福利视频在线观看| 久久福利视频导航| 久久久最新网址| 国产日韩中文字幕在线| 日韩综合中文字幕| 性亚洲最疯狂xxxx高清| 日韩有码在线播放| 国产精品露脸自拍| 亚洲无线码在线一区观看| 欧美孕妇与黑人孕交| 91精品综合久久久久久五月天| 久青草国产97香蕉在线视频| 日韩精品999| 欧美在线一区二区三区四| 中文字幕日韩精品在线| 亚洲欧美视频在线| 亚洲最新av在线| 精品国产欧美一区二区三区成人| 久久这里只有精品99| 少妇av一区二区三区| 国产精品高潮呻吟久久av野狼| 黑人巨大精品欧美一区免费视频| 欧美日韩在线免费| 国产亚洲欧美日韩美女| 欧美成人午夜视频| 日韩欧美中文字幕在线播放| 欧美老女人在线视频| 亚洲国产成人久久综合一区| 国产成人免费av| 欧美激情国产精品| 久久精品99无色码中文字幕| 97精品国产91久久久久久| 国产精品久久久久久久久久新婚| 久久伊人精品一区二区三区| 福利精品视频在线| 久久影院中文字幕| 精品国产91久久久久久老师| 欧美大全免费观看电视剧大泉洋| 欧美精品videos另类日本| 日韩成人在线视频网站| 亚洲国产成人精品久久久国产成人一区| 久久视频免费观看| 久久精品国产69国产精品亚洲| 亚洲精品电影网站| 精品视频在线播放免| 日韩国产精品亚洲а∨天堂免| 亚洲天堂av高清| 国产精品免费视频久久久| 91精品视频专区| 日韩av免费在线观看| 欧美性xxxx| 欧美在线欧美在线| 国产成人涩涩涩视频在线观看| 亚洲精品一区av在线播放| 日本乱人伦a精品| 97精品国产97久久久久久免费| 国产精品中文字幕在线| 欧美激情第1页| 欧美精品一本久久男人的天堂| 亚洲激情在线观看视频免费| 亚洲欧洲视频在线| 久久九九精品99国产精品| 91视频免费网站| 国产亚洲在线播放| 国产精品影片在线观看| 国产在线观看精品一区二区三区| 精品国产乱码久久久久久虫虫漫画| 精品国产91乱高清在线观看| 国产精品专区h在线观看| 亚洲视频在线观看| 亚洲自拍偷拍区| 欧美最顶级的aⅴ艳星| 亚洲精品白浆高清久久久久久| 亚洲最大的网站| 欧美不卡视频一区发布| 欧美重口另类videos人妖| 亚洲免费电影一区| 国产一区二区三区视频免费| 亚洲国产97在线精品一区| 欧美xxxx14xxxxx性爽| 久久久久久国产| 亚洲天堂av在线播放| 欧美精品激情在线观看| 欧美黑人性视频| 亚洲福利在线看| 国产精品免费久久久久久| 国产丝袜高跟一区| www.国产一区| 亚洲性视频网址|