在es5中我們是使用構造函數實例化出來一個對象，那么構造函數與普通的函數有什么區別呢？其實沒有區別，無非就是函數名稱用首字母大寫來加以區分，這個不用對說對es5有了解的朋友都應該知道。

但是es5的這種方式給人的感覺還是不夠嚴謹，于是在es6中就換成了class，就是把es5中的function換成了class，有這個單詞就代表是個構造函數，然后呢對象還是new出來的，這一點并沒有變化。

類的使用

從里面的代碼我們可以看到除了function變成了class以外，其它的跟es5一樣

class Coder{

name(val){

console.log(val);

}

}

let shuang= newCoder;

shuang.name('shuang');

類的傳參

在es6中的對象的屬性都是寫在constructor里面，方法都是在原型身上。在這里面的代碼用constructor約定了兩個參數，然后用add()方法把參數相加，這個地方跟以前不太一樣，所以需要多注意一下。

class Coder{

name(val){

console.log(val);returnval;

}

constructor(a,b){this.a=a;this.b=b;

}

add(){return this.a+this.b;

}

}

let shuang=new Coder(1,2);

console.log(shuang.add());

class的繼承

class的繼承就是用extends

class shuang extends Coder{

}

let shuang=newshuang;

shuang.name('Angel爽');

聲明一個shuang的新類，用extends繼承了Coder，調用里面的name方法，發現也是可以輸出的。

總結

以上是生活随笔為你收集整理的es6添加删除class_es6中class类的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。