小編給大家分享一下JavaScript借用構(gòu)造函數(shù)繼承的方法,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!
我們提供的服務(wù)有:網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、未央ssl等。為千余家企事業(yè)單位解決了網(wǎng)站和推廣的問(wèn)題。提供周到的售前咨詢和貼心的售后服務(wù),是有科學(xué)管理、有技術(shù)的未央網(wǎng)站制作公司
借用構(gòu)造函數(shù)繼承是在子類型構(gòu)造函數(shù)的內(nèi)部調(diào)用超類型構(gòu)造函數(shù),通過(guò)使用apply()和call()方法
function girlFriend(){ this.girls = ['chen','wang','zhu']; } function Person(){ girlFriend.call(this,20); } var wang = new Person(); var zhu = new Person(); wang.girls.push('zhang'); console.log(wang.girls); //(4) ["chen", "wang", "zhu", "zhang"] console.log(zhu.girls); //(3) ["chen", "wang", "zhu"]
通過(guò)以上代碼,我們可以發(fā)現(xiàn),在原型鏈繼承中出現(xiàn)的問(wèn)題不再出現(xiàn)了,這個(gè)超類不會(huì)被子類所創(chuàng)建的實(shí)例共享了。
借用構(gòu)造函數(shù)繼承的優(yōu)勢(shì)是可以在子類型構(gòu)造函數(shù)中向超類型構(gòu)造函數(shù)傳遞參數(shù),例如以下代碼:
function SuperType(name){ this.name = name; } function SubType(){ SuperType.call(this,"nick"); this.age = 20; } var instance = new SubType(); console.log(instance.name); //nick console.log(instance.age); //20
借用構(gòu)造函數(shù)繼承的問(wèn)題:用構(gòu)造函數(shù)繼承并不能繼承到超類型原型中定義的方法,例如以下代碼,在girlFriends構(gòu)造函數(shù)的原型中添加sayHello方法:
girlFriend.prototype.sayHello = function(){ console.log('hello'); }
繼承它的子類構(gòu)造函數(shù)的實(shí)例并不能調(diào)用到這個(gè)sayHello方法,返回的值是undefined
看完了這篇文章,相信你對(duì)“JavaScript借用構(gòu)造函數(shù)繼承的方法”有了一定的了解,如果想了解更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!
當(dāng)前標(biāo)題:JavaScript借用構(gòu)造函數(shù)繼承的方法
文章出自:http://jinyejixie.com/article8/ipejip.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供電子商務(wù)、網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)