1. 程式人生 > >es6中class類的使用

es6中class類的使用

bsp 都是 truct 了解 發現 變化 一點 首字母 聲明

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

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

類的使用

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

class Coder{
    name(val){
        console.log(val);
    }
}
 
let shuang
= new Coder; shuang.name(‘shuang‘);

類的傳參

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

class Coder{
    name(val){
        console.log(val);
        return val;
    }

    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=new shuang;
shuang.name(‘Angel爽‘);

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

es6中class類的使用