JS繼承的幾種方式

關(guān)于Js繼承的幾種方式抄谐,總結(jié)一下,以便查看序仙。

第一種 prototype 引用型原型繼承

語(yǔ)言支持:js原生支持的繼承方式 構(gòu)造器的的prototype屬性作為類的原型 每個(gè)該類的對(duì)象都持有一個(gè)到原型的引用 當(dāng)對(duì)象中的屬性不存在時(shí) 可以訪問(wèn)原型的屬性

代碼示例:

function parent(){

? ? ? this.x=10;

}

function child(){

}

child.prototype=new parent();

var childObj=new child();

alert(childObj.x);

第二種 復(fù)制型原型繼承

語(yǔ)言支持:js new運(yùn)算符的性質(zhì) 當(dāng)構(gòu)造函數(shù)return值為非空對(duì)象時(shí) new表達(dá)式返回return的對(duì)象

代碼示例:

function parent(){

? ? ? ? this.x=10;

}

function child(){

? ? ? var ret=new parent();

? ? ? ret.y=20;

? ? ? return ret;

}

var childObj=new child();

alert(childObj.x);

第三種 類繼承 屬性抄寫(xiě)

語(yǔ)言支持:for in枚舉對(duì)象所有屬性

代碼示例:

function parent(){

? ? ? ? this.x=10;

}

function child(){

? ? ? var parentObj=new parent();

? ? ? for(var p in parentObj){

? ? ? ? ? ? ? this[p]=parentObj[p];

? ? ? }

}

var childObj=new child();

alert(childObj.x);

第四種 類繼承 對(duì)象冒充

語(yǔ)言支持:

1.動(dòng)態(tài)添加和刪除方法

2.函數(shù)的call和apply

代碼示例:

function parent(){

? ? ? ? this.x=10;

}

function child(){

? ? ? ? this.parent=parent;

? ? ? ? this.parent();

? ? ? ? delete this.parent;

}

var childObj=new child();

alert(childObj.x);

function parent(){

? ? ? ? this.x=10;

}

function child(){

? ? ? ? ? parent.call(this);

}

var childObj=new child();

alert(childObj.x);

第五種 原型抄寫(xiě)

語(yǔ)言支持:通過(guò)修改類的原型對(duì)象 可以為一類對(duì)象添加屬性和方法

代碼示例:

function parent(){}

parent.prototype.me=function(){

? ? ? ? alert("parent")

};

function child(){}

for(var p in parent.prototype){

? ? ? ? ? ? ? ? child.prototype[p]=parent.prototype[p];

}

var childObj=new child();

childObj.me();

第六種 元類

語(yǔ)言支持: js函數(shù)都是對(duì)象 且js函數(shù)可被構(gòu)造

代碼示例:

function parent(string){

? ? ? ? var child=new? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? Function("this.x=10;"+string);? ?

? ? ? ? return child;

}

var child=new parent("this.y=20;");

var childObj=new child();

alert(childObj.y);

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末敞嗡,一起剝皮案震驚了整個(gè)濱河市软啼,隨后出現(xiàn)的幾起案子姐叁,更是在濱河造成了極大的恐慌瓦盛,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件七蜘,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡墙懂,警方通過(guò)查閱死者的電腦和手機(jī)橡卤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)损搬,“玉大人碧库,你說(shuō)我怎么就攤上這事∏汕冢” “怎么了嵌灰?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,207評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)颅悉。 經(jīng)常有香客問(wèn)我沽瞭,道長(zhǎng),這世上最難降的妖魔是什么剩瓶? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,755評(píng)論 1 284
  • 正文 為了忘掉前任驹溃,我火速辦了婚禮城丧,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘豌鹤。我一直安慰自己亡哄,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布布疙。 她就那樣靜靜地躺著蚊惯,像睡著了一般。 火紅的嫁衣襯著肌膚如雪灵临。 梳的紋絲不亂的頭發(fā)上截型,一...
    開(kāi)封第一講書(shū)人閱讀 50,050評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音俱诸,去河邊找鬼菠劝。 笑死,一個(gè)胖子當(dāng)著我的面吹牛睁搭,可吹牛的內(nèi)容都是我干的赶诊。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼园骆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼舔痪!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起锌唾,我...
    開(kāi)封第一講書(shū)人閱讀 37,882評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤锄码,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后晌涕,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體滋捶,經(jīng)...
    沈念sama閱讀 44,330評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評(píng)論 2 327
  • 正文 我和宋清朗相戀三年余黎,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了重窟。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,789評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡惧财,死狀恐怖巡扇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情垮衷,我是刑警寧澤厅翔,帶...
    沈念sama閱讀 34,477評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站搀突,受9級(jí)特大地震影響刀闷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評(píng)論 3 317
  • 文/蒙蒙 一涩赢、第九天 我趴在偏房一處隱蔽的房頂上張望戈次。 院中可真熱鬧,春花似錦筒扒、人聲如沸怯邪。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,864評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)悬秉。三九已至,卻和暖如春冰蘑,著一層夾襖步出監(jiān)牢的瞬間和泌,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,099評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工祠肥, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留武氓,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,598評(píng)論 2 362
  • 正文 我出身青樓仇箱,卻偏偏與公主長(zhǎng)得像县恕,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子剂桥,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評(píng)論 2 351

推薦閱讀更多精彩內(nèi)容