es6中怎么用关键字class声明变量

小编给大家分享一下es6中怎么用关键字class声明变量，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

用关键字class声明变量

这里就简单说一下： 首先通过看ES5中的构造函数，然后再用ES6的class去实现：

// ES5写法 ：  function fun ( x, y ){    this.x = x;    this.y = y;  };  fun.prototype.GetHair = function(){    return `${this.x}掉了两根头发，${this.y}说俺也一样！`;  };  let setHair = new fun('小明','老王');  console.log(setHair.GetHair()); // 小明掉了两根头发，老王说俺也一样！

再来看一下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(`我会${[...arr,this.x,this.y,this.e,this.z]}!`);    }  }  let GetInterest = new Interest('唱','跳','rap','篮球');  console.log(GetInterest.MyInterest());  //我会唱,跳,rap,篮球!

ES6 的class可以看作只是一个语法糖，它的绝大部分功能，ES5 都可以做到，新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已，constructor方法就是构造方法，而this关键字则代表实例对象。也就是ES5 的构造函数Point，对应 ES6 的Point类的构造方法。

以上是"es6中怎么用关键字class声明变量"这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注行业资讯频道！