JavaScript類的繼承方法小結(jié)【組合繼承分析】
本文實(shí)例講述了JavaScript類的繼承方法。分享給大家供大家參考，具體如下：
在JavaScript 里，被繼承的函數(shù)稱為超類型(父類，基類也行，其他語(yǔ)言叫法)，繼承的函數(shù)稱為子類型(子類，派生類)。繼承也有之前問(wèn)題，比如字面量重寫原型會(huì)中斷關(guān)系，使用引用類型的原型，并且子類型還無(wú)法給超類型傳遞參數(shù)。
為了解決引用共享和超類型無(wú)法傳參的問(wèn)題，我們采用一種叫借用構(gòu)造函數(shù)的技術(shù)，或者成為對(duì)象冒充(偽造對(duì)象、經(jīng)典繼承)的技術(shù)來(lái)解決這兩種問(wèn)題。
function aObj(){
this.name = ['小紅','小強(qiáng)'];
}
}
aObj.prototype.showname = ()=>{
alert(this.name)
}
function bObj(){
aObj.call(this); //只針對(duì)構(gòu)造函數(shù)本身的繼承 還需要繼承原型
}
借用構(gòu)造函數(shù)雖然解決了函數(shù)本身的繼承，但沒(méi)有繼承原型鏈。所以，我們需要原型鏈+借用構(gòu)造函數(shù)的模式，這種模式稱為組合繼承。
方法一：
bObj.prototype = aObj.prototype;
缺點(diǎn)：引用類型，在操作對(duì)象原型時(shí)候，直接改變堆內(nèi)存中對(duì)象的方法
方法二：
bObj.prototype = new aObj();
這種繼承借助原型并基于已有的對(duì)象創(chuàng)建新對(duì)象，同時(shí)還不必因此創(chuàng)建自定義類型，但是構(gòu)造函數(shù)兩次繼承，不是很好
方法三：
bObj.prototype = Object.create(aObj.prototype); bObj.prototype.constructor = bObj
使用a原型對(duì)象及其屬性去創(chuàng)建一個(gè)新的對(duì)象，并將這個(gè)對(duì)象的constructor指向B函數(shù)本身，不存在重復(fù)繼承的問(wèn)題
方法四：
for (var i in aObj.prototype) {
bObj.prototype[i] = aObj.prototype[i];
}
將a的原型鏈遍歷給b對(duì)象，實(shí)現(xiàn)原型的深度拷貝，雙方互不影響
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
這篇文章主要介紹了JS簡(jiǎn)單隨機(jī)數(shù)生成方法,通過(guò)javascript自定義函數(shù)演示了隨機(jī)數(shù)的生成方法,需要的朋友可以參考下2016-09-09
layui實(shí)現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子
今天小編就為大家分享一篇layui實(shí)現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級(jí)開(kāi)發(fā)者，代碼很簡(jiǎn)單需要的朋友可以參考下2019-12-12
JavaScript實(shí)現(xiàn)精美個(gè)性導(dǎo)航欄筋斗云效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)精美個(gè)性導(dǎo)航欄筋斗云效果，非常不錯(cuò)，具有參考借鑒價(jià)值,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了ActiveX控件如何與Javascript進(jìn)行交互,需要的朋友可以參考下2014-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序canvas2d生成圖形驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
js實(shí)現(xiàn)關(guān)閉網(wǎng)頁(yè)出現(xiàn)是否離開(kāi)提示
本篇文章主要給大家?guī)?lái)一個(gè)JS實(shí)用功能，監(jiān)聽(tīng)瀏覽器在關(guān)閉的時(shí)候提示出是否要離開(kāi)的小功能，需要的朋友學(xué)習(xí)下吧。2017-12-12
c#和Javascript操作同一json對(duì)象的實(shí)現(xiàn)代碼
剛開(kāi)始學(xué)Javascript，接觸到j(luò)son對(duì)象，json可以看作是用于客戶端數(shù)據(jù)實(shí)體對(duì)象的載體。json對(duì)象一般都是通過(guò)ajax方式傳送給服務(wù)層2012-01-01
JS使用jsBarcode生成條形碼(一維碼)簡(jiǎn)單實(shí)例
JsBarcode是一個(gè)用JavaScript編寫的條形碼生成器,它支持多種條形碼格式,可在瀏覽器和Node.js中使用,下面這篇文章主要給大家介紹了關(guān)于JS使用jsBarcode生成條形碼(一維碼)的相關(guān)資料,需要的朋友可以參考下2023-03-03
百度留言本js 大家可以參考下。2009-10-10