本篇內(nèi)容介紹了“JavaScript面向?qū)ο笾欣^承的概念”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！
一、繼承的概念
子類共享父類的數(shù)據(jù)和方法的行為，就叫繼承。
二、E55如何實現(xiàn)繼承？探索JavaScript繼承的本質(zhì)
2.1構(gòu)造函數(shù)之間的“復制粘貼”
第一條路是通過構(gòu)造函數(shù)來繼承，這可以理解為子類直接復制了父類構(gòu)造函數(shù)的代碼，然后按照一定的規(guī)矩“粘貼”在自己的構(gòu)造函數(shù)中，為己所用。舉個例子：
如果A要繼承B的屬性，是不是直接把this.name = name復制粘貼到A函數(shù)就可以了？簡單粗暴。
所以在A中，直接執(zhí)行B函數(shù)，不就等于執(zhí)行了this.name = name嗎。
直接這樣嘗試下，發(fā)現(xiàn)是不行的，這是因為B中的this指向B的實例化對象，A中的this指向A的實例化對象，所以要統(tǒng)一this的指向。
這樣，就完成了一次合乎規(guī)范的構(gòu)造函數(shù)之間的“代碼復制粘貼”，也就是繼承。這其實也是后面ES6中super關(guān)鍵字的實現(xiàn)原理。
2.2原型鏈上要“擠進一位來客”
當然，這還是不夠的，因為在實際情況中，B這個構(gòu)造函數(shù)還可以拓展一些方法和屬性到原型鏈上，比如:
我們在構(gòu)造函數(shù)B中拓展了一個skill方法，發(fā)現(xiàn)上面那種“復制粘貼”的方法不好使了對嗎？這是因為A的原型鏈和B的原型鏈還沒有“建立聯(lián)系”，我們需要在A和B之間搭一座橋，把他們聯(lián)系起來。
熟悉基本原型鏈的同學都知道，原型鏈的“通信”是通過隱式原型(__proto__)來實現(xiàn)的。所以基本原型鏈是這樣的：
這就是基本的原型鏈，現(xiàn)在的情況是，A要繼承B的屬性和方法，所以B得加入到原型鏈中，并且，B要在A的上面，所以理想的情況是不是應該像下面這樣：
實際上我們也確實是這么做的，也就是令A.prototype.__proto__ = B.prototype。
控制臺試一下，成功了。
總結(jié)一下：ES5實現(xiàn)繼承需要兩步，第一：合乎規(guī)范的“代碼復制粘貼”；第二，原型鏈上“搭座橋”。
三、ES6實現(xiàn)繼承，其實只是換了種叫法
首先，要明確JavaScript是沒有真正“類”的概念的，ES6中的類，就是ES5中構(gòu)造函數(shù)。
這件事是很容易驗證的，類A的類型打印出來，就是function。
ES6實現(xiàn)類的繼承，是不是也要“兩步走”呢？答案是肯定的，看看ES6的繼承如何實現(xiàn)：
其實原理是完全一樣的，extends相當于做了A.prototype.__proto__ = B.prototype這件事，而super則相當于執(zhí)行了ES5中的B.call(this,name)這個操作，只是換個操作的名字向Java靠攏而已。
“JavaScript面向?qū)ο笾欣^承的概念”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設計公司網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。
重慶分公司
重慶分公司
