欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript類的繼承方法小結(jié)【組合繼承分析】

 更新時(shí)間：2018年07月11日 14:12:44   作者：Young-楊培麗  
這篇文章主要介紹了JavaScript類的繼承方法,結(jié)合實(shí)例形式總結(jié)分析了JavaScript繼承的概念、原理及組合繼承相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JavaScript類的繼承方法。分享給大家供大家參考，具體如下：

在JavaScript 里，被繼承的函數(shù)稱為超類型(父類，基類也行，其他語言叫法)，繼承的函數(shù)稱為子類型(子類，派生類)。繼承也有之前問題，比如字面量重寫原型會中斷關(guān)系，使用引用類型的原型，并且子類型還無法給超類型傳遞參數(shù)。

為了解決引用共享和超類型無法傳參的問題，我們采用一種叫借用構(gòu)造函數(shù)的技術(shù)，或者成為對象冒充(偽造對象、經(jīng)典繼承)的技術(shù)來解決這兩種問題。

function aObj(){
  this.name = ['小紅','小強(qiáng)'];
  }
}
aObj.prototype.showname = ()=>{
  alert(this.name)
}
function bObj(){
  aObj.call(this); //只針對構(gòu)造函數(shù)本身的繼承 還需要繼承原型
}

借用構(gòu)造函數(shù)雖然解決了函數(shù)本身的繼承，但沒有繼承原型鏈。所以，我們需要原型鏈+借用構(gòu)造函數(shù)的模式，這種模式稱為組合繼承。

方法一：

bObj.prototype = aObj.prototype;

缺點(diǎn)：引用類型，在操作對象原型時(shí)候，直接改變堆內(nèi)存中對象的方法

方法二：

bObj.prototype = new aObj();

這種繼承借助原型并基于已有的對象創(chuàng)建新對象，同時(shí)還不必因此創(chuàng)建自定義類型，但是構(gòu)造函數(shù)兩次繼承，不是很好

方法三：

bObj.prototype = Object.create(aObj.prototype);
bObj.prototype.constructor = bObj

使用a原型對象及其屬性去創(chuàng)建一個(gè)新的對象，并將這個(gè)對象的constructor指向B函數(shù)本身，不存在重復(fù)繼承的問題

方法四：

for (var i in aObj.prototype) {
  bObj.prototype[i] = aObj.prototype[i];
}

將a的原型鏈遍歷給b對象，實(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é)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評論