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

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

類的使用

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

class Coder{

name(val){

console.log(val);

}

}

let shuang= newCoder;

shuang.name('shuang');

類的傳參

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

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，調(diào)用里面的name方法，發(fā)現(xiàn)也是可以輸出的。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。