您好,登錄后才能下訂單哦!
本文實(shí)例講述了JavaScript類的繼承方法。分享給大家供大家參考,具體如下:
在JavaScript 里,被繼承的函數(shù)稱為超類型(父類,基類也行,其他語(yǔ)言叫法),繼承的函數(shù)稱為子類型(子類,派生類)。繼承也有之前問(wèn)題,比如字面量重寫(xiě)原型會(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(mén)教程》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。