国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

JavaScript設(shè)計(jì)模式學(xué)習(xí)之“類(lèi)式繼承”

2019-11-20 12:58:03
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

在做一件事情之前,首先要清楚做這件事情的好處有什么,相信不會(huì)有哪個(gè)人愿意無(wú)緣無(wú)故的去做事情。一般說(shuō)來(lái),我們?cè)谠O(shè)計(jì)類(lèi)的時(shí)候,實(shí)際上就是希望能減少重復(fù)性的代碼,使用繼承可以完美的做到這一點(diǎn),借助繼承機(jī)制,你可以在現(xiàn)有類(lèi)的基礎(chǔ)上再次進(jìn)行設(shè)計(jì)并且充分利用它們已經(jīng)具備的各種方法,而對(duì)設(shè)計(jì)的修改也更為輕松。廢話不多說(shuō)了,舉例說(shuō)明:

復(fù)制代碼 代碼如下:

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://m.survivalescaperooms.com");
alert(bloger.name=="zhenn");   /*返回ture*/
alert(bloger.blog)   /*提示//m.survivalescaperooms.com*/
alert(bloger.getname()=="zhenn");   /*提示"bloger.getname is not a function"*/

通過(guò)上例可以看到,Bloger在其內(nèi)部通過(guò)call動(dòng)態(tài)調(diào)用了其父類(lèi)Person的原生屬性和方法(關(guān)于call的講解請(qǐng)參考//m.survivalescaperooms.com/article/62086.htm),即可以理解為Bloger繼承了Person,成為它的一個(gè)子類(lèi),但是細(xì)心的同學(xué)會(huì)發(fā)現(xiàn),Person原型對(duì)象中的方法,僅僅依靠call,是不能繼承過(guò)來(lái)的,這也就是會(huì)提示"bloger.getname is not a function"的原因所在了。不過(guò)不用擔(dān)心,對(duì)上述代碼稍作處理,即可解決這個(gè)問(wèn)題!

復(fù)制代碼 代碼如下:

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

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

但是還應(yīng)該注意Bloger.prototype.constructor = Bloger;這行代碼,因?yàn)榘炎宇?lèi)的prototype設(shè)置為父類(lèi)的實(shí)例時(shí),其constructor屬性會(huì)指向父類(lèi),所以要設(shè)置子類(lèi)原型的constructor重新指向子類(lèi),至此,已經(jīng)完美實(shí)現(xiàn)了javascript的類(lèi)式繼承!

為了簡(jiǎn)化子類(lèi)的聲明,可以把擴(kuò)展子類(lèi)的整個(gè)過(guò)程寫(xiě)在一個(gè)名為extend的函數(shù)中,作用就是基于一個(gè)給定的類(lèi)結(jié)構(gòu)去創(chuàng)建一個(gè)新的類(lèi):

復(fù)制代碼 代碼如下:

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

有了這個(gè)extend這個(gè)函數(shù),就可以很方便的擴(kuò)展子類(lèi)了,只需調(diào)用這個(gè)函數(shù)即可,上述添加的兩行代碼可改為extend(Bloger,Person), 一樣可以實(shí)現(xiàn)完全繼承!

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 资中县| 云霄县| 大兴区| 金华市| 呼和浩特市| 石林| 宣恩县| 科尔| 沽源县| 黑龙江省| 徐州市| 福泉市| 泸水县| 金堂县| 新田县| 铁岭县| 绵竹市| 湟源县| 穆棱市| 鹰潭市| 凤冈县| 洮南市| 怀化市| 临沭县| 思茅市| 柏乡县| 砀山县| 承德县| 府谷县| 大厂| 南雄市| 凌源市| 永年县| 九龙县| 吴川市| 阿克陶县| 拜泉县| 岱山县| 昭平县| 普格县| 齐河县|