在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 coderconstructor(a,b)
add()}
let shuang=new coder(1,2);
console.log(shuang.add());
class的繼承
class的繼承就是用extends
class shuang extends coderlet 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 靜...