JS繼承es5和es6
JS繼承方式有很多,主要分ES5和ES6繼承的實現
先說一下ES5是如何實現繼承的
ES5實現繼承主要是基於prototype來實現的,具體有三種方式
一是原型鏈繼承:即B.prototype-new A()
二是借用建構函式(call 或者 apply 的方式繼承)
function B(name,age) {
A.call(this,name,age)
}
三是組合繼承
組合繼承是結合第一種和第二種方式
再說一下ES6是如何實現繼承的
ES6繼承是目前比較新,並且主流的整合方式,用class定義類,用extends繼承類,用super()表示父類
例如:
建立A類
class A{
constructor(){
//構造器程式碼,new時自動執行
}
方法一(){//A類的方法}
方法二(){//A類的方法}
}
建立B類並繼承A類
class B extends A{
constructor(){
super()//表示父類
}
}
例項化B類
var b1=new B()
b1.方法一()
相關文章
- es6繼承 vs js原生繼承(es5)繼承JS
- es5繼承和es6類和繼承繼承
- ES6繼承和ES5繼承是完全一樣的麼?繼承
- ES5和ES6及繼承機制繼承
- ES5和ES6的類的繼承繼承
- ES6中的類繼承和ES5中的繼承模式詳解繼承模式
- js中的繼承(es5)JS繼承
- ES5和ES6中對繼承的實現繼承
- ES6與ES5繼承的解析繼承
- JavaScript 中的繼承:ES3、ES5 和 ES6JavaScript繼承S3
- 【JavaScript】ES5/ES6 建立物件與繼承JavaScript物件繼承
- es6 class繼承用es5實現繼承
- es5繼承和es6繼承中靜態方法、靜態屬性的差異繼承
- es5建構函式,es6類和類的繼承函式繼承
- 物件導向(ES5與ES6類的繼承解析)物件繼承
- es5 原型式繼承原型繼承
- JS原型繼承和類式繼承JS原型繼承
- 前端必知必會ES5、ES6的7種繼承前端繼承
- JavaScript之ES5的繼承JavaScript繼承
- 如何用es5實現繼承繼承
- js繼承JS繼承
- JS的原型鏈和繼承JS原型繼承
- ES6實現繼承繼承
- ES6 - 類與繼承繼承
- 從babel實現es6類的繼承來深入理解js的原型及繼承Babel繼承JS原型
- JavaScript原型鏈以及ES3、ES5、ES6實現繼承的不同方式JavaScript原型S3繼承
- js之繼承JS繼承
- js繼承方式JS繼承
- 詳解JS的繼承(三)-- 圖解Es6的ExtendJS繼承圖解
- es6類的繼承淺析繼承
- JS原型鏈繼承JS原型繼承
- JS 相容、繼承、bind、thisJS繼承
- js繼承圖解JS繼承圖解
- js 繼承小結JS繼承
- JS中的繼承JS繼承
- 原型和繼承原型繼承
- 公有繼承、私有繼承和保護繼承之間的對比繼承
- JS 中物件的簡單建立和繼承JS物件繼承