1.傳統es5中的class用法
//es5的對應寫法
(function
() //定義原型方法
user.prototype.show=function
() //定義靜態方法
user.run=function
() window.user=user;
})();
1.es6中的class用法
class
user
//原型方法
show()
//靜態方法
static run()
}
3.es5的繼承寫法
//es5的繼承
function
father
() father.prototype.show=function
() function
son()
//繼承第二句:讓子類例項化物件具備父類的所有原型方法
son.prototype=object.create(father.prototype);
//繼承第三句:找回丟失的建構函式
son.prototype.constructor=son;
son.prototype.run=function
()
4.es6的繼承寫法(簡單到喪心病狂)
//es6的繼承
class
sonextends
father
}
5.super關鍵字
super可以用在類的繼承中,或者物件字面量中,super指代了整個prototype或者proto指向的物件作用:
super 關鍵字用於訪問父物件上的函式。用法:
super([arguments]); // 訪問父物件上的建構函式
super
.functiononparent([arguments]); // 訪問父物件上的方法
ES6中的class類詳解
目錄 一 class簡介 二 靜態方法和靜態屬性 2.1 靜態方法 2.2 靜態屬性 三 class繼承extends 四 class的取值函式getter和存值函式setter 五 super關鍵字 六 注意事項 傳統的js只有物件的概念,沒有class類的概念,因為js是基於原型的物件導向語言,...
es6中class類的使用
在es5中我們是使用建構函式例項化出來乙個物件,那麼建構函式與普通的函式有什麼區別呢?其實沒有區別,無非就是函式名稱用首字母大寫來加以區分,這個不用對說對es5有了解的朋友都應該知道。但是es5的這種方式給人的感覺還是不夠嚴謹,於是在es6中就換成了class,就是把es5中的function換成了...
ES6中的類(class)和繼承
語法形式 class person showname showage let p1 new person yang 18 console.log p1.showname p1.showage 也可以寫成 const person class class裡面取值函式 getter class裡面設定函...