es6中class類的使用
阿新 • • 發佈:2017-12-25
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類的使用