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

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

　　javaScript語言中，生成實例對象的傳統方法是通過構造函數,與傳統的面向對象語言（比如C++和Java）差異很大，ES6提供了更接近傳統語言的寫法，引入了class（類）這個概念，作為對象的模板。通過class關鍵字，可以定義類。

　　es6class與es5的面向對象的區別：

　　1.寫法不同，使用關鍵字class

　　2.當new一個實例，默認有一個constructor方法，且默認返回實例對象（this）,也可以返回另一對象

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

　　4.類的調用必須通過new一個實例,且類的內部默認使用嚴格模式

　　5.不存在變量提升，必須先聲明，再調用

　　6.class的this默認指向當前類

　　7.class的靜態方法，使用關鍵字static,不需new,直接通過類來調用

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

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

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

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

　　10．類的繼承可以繼承原生的構造函數，es5不可以

　　es6class與es5一般寫法

　　復制代碼

　　//一.ES5寫法：

　　functionAnimate(name){

　　this.name=name;

　　}

　　Animate.prototype.getname=function(){

　　console.log(this.name)

　　}

　　varp=newAnimate("lity");

　　p.getname();

　　//二.ES6,面向對象的寫法,calss,

　　classPerson{

　　//constructor()：構造方法是默認方法，new的時候回自動調用，如果沒有顯式定義，會自動添加

　　//1.適合做初始化數據

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

　　constructor(name,age){

　　this.name=name;

　　this.age=age;

　　}

到此，相信大家對“es6新特性中class基本用法是什么”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！