es6新特性中class基本用法是什么

本篇內(nèi)容主要講解“es6新特性中class基本用法是什么”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“es6新特性中class基本用法是什么”吧!

　　javaScript語言中，生成實例對象的傳統(tǒng)方法是通過構(gòu)造函數(shù),與傳統(tǒng)的面向?qū)ο笳Z言（比如C++和Java）差異很大，ES6提供了更接近傳統(tǒng)語言的寫法，引入了class（類）這個概念，作為對象的模板。通過class關(guān)鍵字，可以定義類。

　　es6class與es5的面向?qū)ο蟮膮^(qū)別：

　　1.寫法不同，使用關(guān)鍵字class

　　2.當(dāng)new一個實例，默認(rèn)有一個constructor方法，且默認(rèn)返回實例對象（this）,也可以返回另一對象

　　3.類的所有方法都在prototype屬性上，但是不可枚舉，且每方法結(jié)束不能使用分號

　　4.類的調(diào)用必須通過new一個實例,且類的內(nèi)部默認(rèn)使用嚴(yán)格模式

　　5.不存在變量提升，必須先聲明，再調(diào)用

　　6.class的this默認(rèn)指向當(dāng)前類

　　7.class的靜態(tài)方法，使用關(guān)鍵字static,不需new,直接通過類來調(diào)用

　　8.實例屬性和靜態(tài)屬性的寫法，實例屬性在類的內(nèi)部直接使用等式（=）寫法，也可以寫在constructor方法里，靜態(tài)屬性只需在實例屬性前加一個關(guān)鍵字static即可

　　9.類的繼承使用關(guān)鍵字extends,繼承機制與es5完全不同，

　　es5的繼承原理：先new子類的實例對象this,再通過將父類的方法和屬性添加到子類的this上(parents.call(this))。

　　Es6的繼承原理：先創(chuàng)造父類的實例對象this,所以要構(gòu)造函數(shù)constructor（）訪問父類的屬性使用this,必須先調(diào)用super()方法；再通過子類的constructor()來修改this

　　10．類的繼承可以繼承原生的構(gòu)造函數(shù)，es5不可以

　　es6class與es5一般寫法

　　復(fù)制代碼

　　//一.ES5寫法：

　　functionAnimate(name){

　　this.name=name;

　　}

　　Animate.prototype.getname=function(){

　　console.log(this.name)

　　}

　　varp=newAnimate("lity");

　　p.getname();

　　//二.ES6,面向?qū)ο蟮膶懛?calss,

　　classPerson{

　　//constructor()：構(gòu)造方法是默認(rèn)方法，new的時候回自動調(diào)用，如果沒有顯式定義，會自動添加

　　//1.適合做初始化數(shù)據(jù)

　　//2.constructor可以指定返回的對象

　　constructor(name,age){

　　this.name=name;

　　this.age=age;

　　}

到此，相信大家對“es6新特性中class基本用法是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！