es6中class類的使用

2022-09-01 04:21:12 字數 905 閱讀 7994

在es5中我們是使用建構函式例項化出來乙個物件,那麼建構函式與普通的函式有什麼區別呢?其實沒有區別,無非就是函式名稱用首字母大寫來加以區分,這個不用對說對es5有了解的朋友都應該知道。

但是es5的這種方式給人的感覺還是不夠嚴謹,於是在es6中就換成了class,就是把es5中的function換成了class,有這個單詞就代表是個建構函式,然後呢物件還是new出來的,這一點並沒有變化。

類的使用

從裡面的**我們可以看到除了function變成了class以外,其它的跟es5一樣

class coder} 

let shuang= new

coder;

shuang.name('shuang');

類的傳參

在es6中的物件的屬性都是寫在constructor裡面,方法都是在原型身上。在這裡面的**用constructor約定了兩個引數,然後用add()方法把引數相加,這個地方跟以前不太一樣,所以需要多注意一下。

class coder

constructor(a,b)

add()}

let shuang=new coder(1,2);

console.log(shuang.add());

class的繼承

class的繼承就是用extends

class shuang extends coder

let shuang=new

shuang;

shuang.name('angel爽');

宣告乙個shuang的新類,用extends繼承了coder,呼叫裡面的name方法,發現也是可以輸出的。

es6中class的使用

以前剛接觸程式設計時就聽得最多的就是物件導向程式設計,但後來工作後能通過物件導向程式設計的少之又少,現在企業裡的開發做的都是業務邏輯,牽扯到的多半是業務 最近做了個編輯器的功能,裡面使用了物件導向程式設計的思想,讓我頗有感觸,所以學好class作為基礎還是很重要的。class people 等同於 ...

ES6中的class類詳解

目錄 一 class簡介 二 靜態方法和靜態屬性 2.1 靜態方法 2.2 靜態屬性 三 class繼承extends 四 class的取值函式getter和存值函式setter 五 super關鍵字 六 注意事項 傳統的js只有物件的概念,沒有class類的概念,因為js是基於原型的物件導向語言,...

ES6中的類 Class 的寫法

1.傳統es5中的class用法 es5的對應寫法 function 定義原型方法 user.prototype.show function 定義靜態方法 user.run function window.user user 1.es6中的class用法 class user 原型方法 show 靜...