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.方法一()
相關文章
- es5繼承和es6類和繼承繼承
- ES6繼承和ES5繼承是完全一樣的麼?繼承
- ES5和ES6及繼承機制繼承
- ES5和ES6的類的繼承繼承
- js中的繼承(es5)JS繼承
- ES6中的類繼承和ES5中的繼承模式詳解繼承模式
- ES5和ES6中對繼承的實現繼承
- ES6與ES5繼承的解析繼承
- 【JavaScript】ES5/ES6 建立物件與繼承JavaScript物件繼承
- es6 class繼承用es5實現繼承
- es5繼承和es6繼承中靜態方法、靜態屬性的差異繼承
- es5建構函式,es6類和類的繼承函式繼承
- es5 原型式繼承原型繼承
- 前端必知必會ES5、ES6的7種繼承前端繼承
- JavaScript之ES5的繼承JavaScript繼承
- 如何用es5實現繼承繼承
- JS的原型鏈和繼承JS原型繼承
- 從babel實現es6類的繼承來深入理解js的原型及繼承Babel繼承JS原型
- js之繼承JS繼承
- js繼承方式JS繼承
- ES6實現繼承繼承
- ES6 - 類與繼承繼承
- 詳解JS的繼承(三)-- 圖解Es6的ExtendJS繼承圖解
- js繼承圖解JS繼承圖解
- JS原型鏈繼承JS原型繼承
- JS 相容、繼承、bind、thisJS繼承
- JS中的繼承JS繼承
- js 繼承小結JS繼承
- 聊聊JS中的繼承JS繼承
- 圖解js的繼承圖解JS繼承
- js的13種繼承JS繼承
- 淺談JS的繼承JS繼承
- 初步瞭解 JS 繼承JS繼承
- JS專題之繼承JS繼承
- JS中的繼承(下)JS繼承
- js繼承方式講解JS繼承
- JS進階系列 --- 繼承JS繼承
- JS中的繼承(上)JS繼承