ES6中的類 Class 的寫法

2021-08-11 04:52:40 字數 1187 閱讀 3174

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裡面設定函...