javascript 原型伍派,有何特點(diǎn)弟塞,原型鏈?zhǔn)侨绾涡纬傻模繉?shí)現(xiàn)繼承的幾種方法拙已,優(yōu)缺點(diǎn)

原型鏈?zhǔn)侨绾涡纬傻模?/h2>

每個(gè)子類的實(shí)例對(duì)象都包含一個(gè)內(nèi)部屬性 _proto_ 屬性,該屬性包含一個(gè)指針摧冀,指向父類的prototype倍踪,即原型對(duì)象。若父類的原型對(duì)象的 _proto_ 屬性再指向上層函數(shù)索昂,即爺爺類的prototype建车,層層往上,就成了原型鏈椒惨。

JS 中每一個(gè)函數(shù)都存在原型對(duì)象屬性 prototype,并且只有函數(shù)才有原型對(duì)象 prototype 屬性
所有函數(shù)的默認(rèn)原型都是Object 的實(shí)例

實(shí)現(xiàn)繼承的幾種方法缤至,優(yōu)缺點(diǎn)?

一康谆、原型鏈繼承法

子類的 prototype 屬性指向父類實(shí)例

代碼示例
 function Parent(){
   this.name = ['小黑','小白'];
 }

 Parent.prototype.getName = function(){
   console.log(this.name);
 }

 function Child(){

 }

 Child.prototype = new Parent(); //關(guān)鍵代碼
缺點(diǎn)
  1. 父類引用類型的屬性领斥,會(huì)被所有實(shí)例共享,例如:
var myChild = new Child();
var herChild = new Child();
myChild.name.push('小黃');
console.log(myChild.name); //  ['小黑','小白','小黃'];
console.log(herChild.name); //  ['小黑','小白','小黃'];
  1. 創(chuàng)建子類實(shí)例時(shí)沃暗,不能像父類傳參

二月洛、借用構(gòu)造函數(shù)繼承法(經(jīng)典繼承)

在子類構(gòu)造函數(shù)內(nèi)通過(guò)call、apply,執(zhí)行父類構(gòu)造函數(shù)

代碼示例
function Parent(){
  this.name = ["小黑","小白"];
}
function Child(){
  Parent.call(this);
}

var myChild = new Child();
var herChild - new Child();

myChild.name.push("小黃");

console.log(myChild.name); //  ["小黑","小白","小黃"]
console.log(myChild.name); //   ["小黑","小白"]
優(yōu)點(diǎn)
  1. 避免引用類型的屬性被所有實(shí)例共享
  2. 可以在子類實(shí)例化的時(shí)候孽锥,向父類傳遞參數(shù)嚼黔,例如:
function Parent(name){
  this.name =name;
}
function Child(name){
  Parent.call(this,name);
}

var myChild = new Child('小黑');
var herChild = new Child('小白');

console.log(myChild.name); // 小黑
console.log(herChild.name); //小白

三、組合繼承法

運(yùn)用原型鏈繼承和經(jīng)典繼承(借用構(gòu)造函數(shù)繼承法)
優(yōu)點(diǎn):融合原型鏈繼承和借用構(gòu)造函數(shù)繼承的優(yōu)點(diǎn)惜辑,是javascript中最常用的繼承方式

代碼示例
function Parent (name){
  this.name = name;
}

Parent.prototype.getName = function(){
  console.log(name)
}

function Child(){
  Parent.call(this,name);
  this.age = 20;
}

Child.prototype = new Parent();
Child.prototype.constructor = Child;//構(gòu)造函數(shù)指向自身

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末唬涧,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子盛撑,更是在濱河造成了極大的恐慌碎节,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件撵彻,死亡現(xiàn)場(chǎng)離奇詭異钓株,居然都是意外死亡实牡,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門轴合,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)创坞,“玉大人,你說(shuō)我怎么就攤上這事受葛√庹牵” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵总滩,是天一觀的道長(zhǎng)纲堵。 經(jīng)常有香客問(wèn)我,道長(zhǎng)闰渔,這世上最難降的妖魔是什么席函? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任,我火速辦了婚禮冈涧,結(jié)果婚禮上茂附,老公的妹妹穿的比我還像新娘。我一直安慰自己督弓,他們只是感情好营曼,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著愚隧,像睡著了一般蒂阱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狂塘,一...
    開(kāi)封第一講書(shū)人閱讀 50,084評(píng)論 1 291
  • 那天录煤,我揣著相機(jī)與錄音,去河邊找鬼荞胡。 笑死辐赞,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的硝训。 我是一名探鬼主播响委,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼窖梁!你這毒婦竟也來(lái)了赘风?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤纵刘,失蹤者是張志新(化名)和其女友劉穎邀窃,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡瞬捕,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年鞍历,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片肪虎。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡劣砍,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出扇救,到底是詐尸還是另有隱情刑枝,我是刑警寧澤,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布迅腔,位于F島的核電站装畅,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏沧烈。R本人自食惡果不足惜掠兄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望锌雀。 院中可真熱鬧徽千,春花似錦、人聲如沸汤锨。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)闲礼。三九已至,卻和暖如春铐维,著一層夾襖步出監(jiān)牢的瞬間柬泽,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來(lái)泰國(guó)打工嫁蛇, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留锨并,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓睬棚,卻偏偏與公主長(zhǎng)得像第煮,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子抑党,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351

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

  • 這是16年5月份編輯的一份比較雜亂適合自己觀看的學(xué)習(xí)記錄文檔包警,今天18年5月份再次想寫(xiě)文章,發(fā)現(xiàn)簡(jiǎn)書(shū)還為我保存起的...
    Jenaral閱讀 2,739評(píng)論 2 9
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,093評(píng)論 1 32
  • 今天學(xué)習(xí)《啟問(wèn)道通書(shū)》底靠。道通:周道通害晦,江蘇宜興人,曾從學(xué)于王守仁暑中。
    真zhen閱讀 306評(píng)論 0 0
  • 翔子中學(xué)畢業(yè)后壹瘟,一直在外打工鲫剿,生活不穩(wěn)定。后來(lái)去省城稻轨,本想投靠姐姐灵莲,無(wú)奈姐姐的日子也不好過(guò),頭腦靈活的他東拼西湊的...
    雨晴天空閱讀 507評(píng)論 0 3
  • #九月裝滿了海水 一半溫?zé)?一半凝白/ 十月入夢(mèng)三國(guó) 穿身而往/ 十一月無(wú)你處 無(wú)江湖/ 十二月尚未到來(lái) 我已看見(jiàn)...
    大魚(yú)霹靂閱讀 164評(píng)論 0 0