前端-創(chuàng)建對(duì)象與繼承--原型

有兩個(gè)基本的創(chuàng)建對(duì)象的方法挥吵。

一是采用字面量的方式裤唠,如下

花括號(hào)內(nèi)可填入各種屬性或方法

二是采用構(gòu)造函數(shù)砂客,先定義一個(gè)函數(shù)泥张,再通過new來創(chuàng)建一個(gè)該函數(shù)的事例。

可以看出上面的例子有明顯的問題鞠值,名字和和年齡在構(gòu)造函數(shù)中被固定媚创,導(dǎo)致不能復(fù)用,將其改造一下彤恶,可以再加上一個(gè)方法hello()钞钙。如下,一個(gè)最簡(jiǎn)單由構(gòu)造函數(shù)創(chuàng)建的對(duì)象就完成了声离,它有name和age兩個(gè)屬性芒炼,有一個(gè)hello()方法。

這種生成對(duì)象的方式有什么缺點(diǎn)呢术徊?那就是每次創(chuàng)建新的實(shí)例都會(huì)都會(huì)為實(shí)例單獨(dú)創(chuàng)建一個(gè)方法本刽,例如創(chuàng)建一個(gè)叫huahua的實(shí)例,var huahua = new Person("huahua",15)赠涮,此時(shí)dongdong.hello()和huahua.hello()兩個(gè)方法是相互獨(dú)立的子寓。這導(dǎo)致創(chuàng)建的方法不能被復(fù)用。一般采用原型屬性的方式來解決這個(gè)問題笋除。

這里涉及到了一個(gè)非常重要的概念别瞭,原型。我們創(chuàng)建的每一個(gè)函數(shù)都有一個(gè)原型屬性(prototype)株憾,這個(gè)屬性指向?qū)嵗蚕淼膶傩院头椒簿褪钦f如果將函數(shù)的方法直接添加到原型屬性中晒衩,那么所有實(shí)例共享這個(gè)方法,而不用每次在生成實(shí)例時(shí)創(chuàng)建該方法墙歪。如下:

此時(shí)如果生成兩個(gè)實(shí)例听系,dongdong和huahua,他們的hello()方法是相同的虹菲,都指向在原型的hello()靠胜。

那么為什么我們不將所有的屬性和方法都定義在原型中呢?因?yàn)槿绻麑傩员欢x在原型中毕源,那么所有的實(shí)例都會(huì)有一樣的屬性值浪漠,而對(duì)于包含引用類型值的屬性來說(簡(jiǎn)單來說就是包含多個(gè)值的屬性)這個(gè)問題就會(huì)比較突出,每個(gè)實(shí)例對(duì)數(shù)組做出的改變都是針對(duì)原型的霎褐,因此會(huì)反映到其他所有實(shí)例上址愿。

理一下這時(shí)的原型指向關(guān)系,Person的原型同時(shí)也是dongdong和huahua的原型冻璃,Person原型的constructor是Person响谓。

繼承

js中繼承主要通過原型鏈來實(shí)現(xiàn),基本思想是讓一個(gè)對(duì)象繼承另一個(gè)對(duì)象的屬性和方法省艳。在使用構(gòu)造函數(shù)創(chuàng)建對(duì)象時(shí)娘纷,實(shí)例指向原型對(duì)象,我們可以運(yùn)用這一特性跋炕,讓一個(gè)原型對(duì)象等于某個(gè)函數(shù)的實(shí)例赖晶,這時(shí)這個(gè)原型對(duì)象指向這個(gè)函數(shù)的原型,形成了原型鏈辐烂。

上圖中遏插,Student的原型等于Person的一個(gè)實(shí)例,即Student的原型的原型是Person的原型棉圈,形成了原型鏈,當(dāng)查找值時(shí)會(huì)先查找實(shí)例眷蜓,找不到就去找實(shí)例的原型分瘾,再找原型的原型,最終找不到返回null吁系。

原型鏈有什么問題呢德召?從上面對(duì)象創(chuàng)建過程中可以看到,我們之所以不將屬性定義到原型中汽纤,是因?yàn)樵椭袑傩院头椒ㄔ谏蓪?shí)例時(shí)上岗,所有的實(shí)例都會(huì)有同樣的屬性值。然而在原型鏈中蕴坪,由于“Student的原型等于Person的一個(gè)實(shí)例”肴掷,Student的原型繼承了Person實(shí)例的屬性和方法敬锐,導(dǎo)致Student的實(shí)例會(huì)有同樣的來自Person實(shí)例的屬性和方法,尤其是包含多個(gè)值的屬性呆瞻。為了解決這一問題通常采用組合繼承的方法台夺。

這樣Student通過call繼承了Person中的屬性,通過原型鏈繼承了方法痴脾,完美解決了上述問題颤介。

一點(diǎn)心得,如需轉(zhuǎn)載請(qǐng)注明出處赞赖。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末滚朵,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子前域,更是在濱河造成了極大的恐慌辕近,老刑警劉巖,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件话侄,死亡現(xiàn)場(chǎng)離奇詭異亏推,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)年堆,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門吞杭,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人变丧,你說我怎么就攤上這事芽狗。” “怎么了痒蓬?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵童擎,是天一觀的道長。 經(jīng)常有香客問我攻晒,道長顾复,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任鲁捏,我火速辦了婚禮芯砸,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘给梅。我一直安慰自己假丧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布动羽。 她就那樣靜靜地躺著包帚,像睡著了一般。 火紅的嫁衣襯著肌膚如雪运吓。 梳的紋絲不亂的頭發(fā)上渴邦,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天疯趟,我揣著相機(jī)與錄音,去河邊找鬼几莽。 笑死迅办,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的章蚣。 我是一名探鬼主播站欺,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼纤垂!你這毒婦竟也來了矾策?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤峭沦,失蹤者是張志新(化名)和其女友劉穎贾虽,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體吼鱼,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡蓬豁,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了菇肃。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片地粪。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖琐谤,靈堂內(nèi)的尸體忽然破棺而出蟆技,到底是詐尸還是另有隱情,我是刑警寧澤斗忌,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布质礼,位于F島的核電站,受9級(jí)特大地震影響织阳,放射性物質(zhì)發(fā)生泄漏眶蕉。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一唧躲、第九天 我趴在偏房一處隱蔽的房頂上張望造挽。 院中可真熱鬧,春花似錦惊窖、人聲如沸刽宪。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至嘴秸,卻和暖如春毁欣,著一層夾襖步出監(jiān)牢的瞬間庇谆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工凭疮, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留饭耳,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓执解,卻偏偏與公主長得像寞肖,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子衰腌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

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