es6中有沒有繼承

本篇內(nèi)容主要講解“es6中有沒有繼承”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“es6中有沒有繼承”吧!

es6中有繼承。es6中使用extends關(guān)鍵字就可以繼承任何擁有constructor和原型的對象，不僅可以繼承一個類，也可以繼承普通的構(gòu)造函數(shù)；constructor是類的構(gòu)造函數(shù)，在通過new創(chuàng)造類的實例時會自動調(diào)用該方法。

本教程操作環(huán)境：windows10系統(tǒng)、ECMAScript 6.0版本、Dell G3電腦。

es6中有繼承嗎

ECMAScript 6 新增特性中最出色的一個就是原生支持了類繼承機制。雖然類繼承機制使用的是新語法，但背后依舊使用的是原型鏈。

ES6 類支持單繼承。使用 extends 關(guān)鍵字，就可以繼承任何擁有 [ [ constructor ] ] 和 原型的對象。很大程度上，這意味著不僅可以繼承一個類，也可以繼承普通的構(gòu)造函數(shù)。

在ES6中，我們有了語法糖，引入了class類的概念，而在class中，有一個默認的屬性方法：constructor。該方法是類的構(gòu)造函數(shù)，在我們通過new創(chuàng)造該類的實例時，會自動調(diào)用該方法。

類和原型上定義的方法都會帶到派生類。

class Vehicle {
//原型上的方法
identifyPrototype( id ){
console.log( id, this ); // this 實例
}
static identifyClass( id ){
console.log( id, this ); // this Vehicle 類
}
}

派生類的方法可以通過 super 關(guān)鍵字引用它們的原型。這個關(guān)鍵字只能在派生類中使用，而且僅限于類構(gòu)造函數(shù)、實例方法和靜態(tài)方法內(nèi)部。在類構(gòu)造函數(shù)中使用 super 可以調(diào)用父類構(gòu)造函數(shù)。

extends關(guān)鍵字、super()

extends表示繼承父類，super()則表示父類構(gòu)造函數(shù)，寫法繼續(xù)上面的寫：

那么這里應(yīng)該很清楚了，相比起ES5中麻煩的this指向以及constructor指向的改動，這里直接使用extends和super()就能夠解決

到此，相信大家對“es6中有沒有繼承”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！