es6中怎么用關(guān)鍵字class聲明變量

小編給大家分享一下es6中怎么用關(guān)鍵字class聲明變量，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

用關(guān)鍵字class聲明變量

這里就簡(jiǎn)單說一下： 首先通過看ES5中的構(gòu)造函數(shù)，然后再用ES6的class去實(shí)現(xiàn)：

// ES5寫法 ：
  function fun ( x, y ){
    this.x = x;
    this.y = y;
  };
  fun.prototype.GetHair = function(){
    return `${this.x}掉了兩根頭發(fā)，${this.y}說俺也一樣！`;
  };
  let setHair = new fun('小明','老王');
  console.log(setHair.GetHair()); // 小明掉了兩根頭發(fā)，老王說俺也一樣！

再來(lái)看一下ES6的class寫法：

 class Interest {
    constructor( x, y, e, z ){
      this.x = x;
      this.y = y;
      this.e = e;
      this.z = z;
    }
    MyInterest(){
      let arr = [];
      console.log(`我會(huì)${[...arr,this.x,this.y,this.e,this.z]}!`);
    }
  }
  let GetInterest = new Interest('唱','跳','rap','籃球');
  console.log(GetInterest.MyInterest());  //我會(huì)唱,跳,rap,籃球!

ES6 的class可以看作只是一個(gè)語(yǔ)法糖，它的絕大部分功能，ES5 都可以做到，新的class寫法只是讓對(duì)象原型的寫法更加清晰、更像面向?qū)ο缶幊痰恼Z(yǔ)法而已，constructor方法就是構(gòu)造方法，而this關(guān)鍵字則代表實(shí)例對(duì)象。也就是ES5 的構(gòu)造函數(shù)Point，對(duì)應(yīng) ES6 的Point類的構(gòu)造方法。

以上是“es6中怎么用關(guān)鍵字class聲明變量”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！