JavaScript中的對(duì)象繼承關(guān)系
更新時(shí)間：2016年08月01日 13:43:02 作者：學(xué)習(xí)會(huì)讓你青春永駐
這篇文章主要介紹了JavaScript中的對(duì)象繼承關(guān)系的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
我們今天就來看一下繼承中的類繼承以及類繼承和原型繼承的混用,所謂類繼承,就是使用call或者apply方法來進(jìn)行冒充繼承:
function Desk(size,height){
this.size=size;
this.height=height;
}
function MJDesk(size,height){
Desk.call(this,size,height);//這種就叫類繼承.
}
var mj = new MJDesk(10,123);
像上面這種就是我們要使用的類繼承,用這種繼承,我們可以訪問類中的方法和屬性,但是無法訪問父類原型中的方法和屬性,這種方法別名冒充繼承,顧名思義,就是一個(gè)假的繼承,所以,假的當(dāng)然不能繼承真的原型,所以,類繼承的缺點(diǎn)也是很明顯的,當(dāng)我們使用的多的時(shí)候,就會(huì)造成內(nèi)存的浪費(fèi).由此,我們就出現(xiàn)了類繼承和原型繼承混合使用的方法:
function Desk(size,height){
this.size=size;
this.height=height;
}
function MJDesk(size,height){
Desk.call(this,size,height);//這種就叫類繼承.
}
MJDesk.prototype=new Desk();//原型繼承
var mj = new MJDesk(12,12);
//當(dāng)然此處的原型繼承用我們上一章講的使用一個(gè)空函數(shù)進(jìn)行繼承的方式更好.
當(dāng)然,我們現(xiàn)在使用最多的就是這種二者混合用的方式了!
以上所述是小編給大家介紹的JavaScript中的對(duì)象繼承關(guān)系，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
JS實(shí)現(xiàn)隱藏同級(jí)元素后只顯示JS文件內(nèi)容的方法
這篇文章主要介紹了JS實(shí)現(xiàn)隱藏同級(jí)元素后只顯示JS文件內(nèi)容的方法,可實(shí)現(xiàn)將與js文件的同級(jí)元素全部隱藏,只顯示js文件內(nèi)容的功能,涉及javascript針對(duì)頁面元素的遍歷與屬性修改相關(guān)技巧,需要的朋友可以參考下2016-09-09
JavaScript必知必會(huì)(六) delete in instanceof
這篇文章主要介紹了JavaScript必知必會(huì)(六) delete in instanceof的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
如何解決ligerUI布局時(shí)Center中的Tab高度大小
這篇文章主要介紹了如何解決ligerUI布局時(shí)Center中的Tab高度大小的相關(guān)資料,需要的朋友可以參考下2015-11-11
微信小程序template模板與component組件的區(qū)別和使用詳解
這篇文章主要介紹了微信小程序template模板與component組件的區(qū)別和使用詳解，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-05-05
本文給大家分享的是一個(gè)JavaScript兼容火狐瀏覽器與IE瀏覽器的一個(gè)小技巧，非常的簡單實(shí)用，有需要的小伙伴可以參考下2016-08-08
原理就是利用js控制li的一些樣式，在實(shí)際應(yīng)用中，還需要注意li的list-style屬性。2008-12-12
下面小編就為大家?guī)硪黄P(guān)于js中的鼠標(biāo)事件總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
詳解JS去重及字符串奇數(shù)位小寫轉(zhuǎn)大寫
本篇文章主要介紹了詳解JS去重及字符串奇數(shù)位小寫轉(zhuǎn)大寫 ，非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2016-12-12
JsRender for index循環(huán)索引用法詳解
這篇文章主要介紹了JsRender for index循環(huán)索引用法,以實(shí)例形式詳細(xì)分析了JsRender中循環(huán)的用法,需要的朋友可以參考下2014-10-10
基于Electron實(shí)現(xiàn)桌面應(yīng)用開發(fā)代碼實(shí)例
這篇文章主要介紹了基于Electron實(shí)現(xiàn)桌面應(yīng)用開發(fā)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07