es6中class類的使用

       在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方法，發現也是可以輸出的。