ES6 class类的用法

<div class="article-content">
<h5 class="heading">es6 class基础用法</h5>
以前的JavaScript没有类的概念，它是基于原型的面相对象的语言。原型对象的特点就是将自身属性共享给新对象。我们先看一下下面的代码实现。
<pre class="blockcode"><code class="hljs javascript copyable"> //常规写法
 function Person(name,age) {
 this.name = name;
 this.age = age;
 }
 Person.prototype.sayInfo = function () {
 console.log(`${this.name}是${this.age}岁`)
 }
 const liLei = new Person('LiLei',20)
 liLei.sayInfo()
 //LiLei是20岁
复制代码</code></pre>
这种常规约定是以大写字母开头来表示一个构造器(大写开头非官方)，可以直接定义函数，也可以通过prototype来扩展函数。这种实现跟java比，实现类的方案太特别了，下面我们看一下es6的类的实现方式：
<pre class="blockcode"><code class="hljs javascript copyable"> class Person{ //定义了一个名字为Person的类
 constructor(name,age){ //constructor是一个构造方法，用来接收参数
 this.name = name; //this代表的是实例对象
 this.age = age;
 }
 sayInfo(){
 console.log(`${this.name}是${this.age}岁`)
 }
 }
 const liLei = new Person('LiLei',21)
 liLei.sayInfo()
复制代码</code></pre>
由下面代码可以看出类实质上就是一个函数。类自身指向的就是构造函数。所以可以认为ES6中的类其实就是构造函数的另外一种写法！下面的代码可以证明这一点
<pre class="blockcode"><code class="hljs javascript copyable">console.log(typeof Person);//function
console.log(Person===Person.prototype.constructor);//true
复制代码</code></pre>
<h5 class="heading">类的继承</h5>
JavaScript中的类同样可以像java一样，可以继承某个类，其中被继承的类称为父类，而继承父类的被称为子类。子类可以有自己的函数和构造器，当子类中存在父类相同的方法时，则该方法不会从父类继承，而使用子类的方法。
<pre class="blockcode"><code class="hljs javascript copyable">class Student {
 constructor(name){
 this.name = name
 }
 sayName(){
 console.log(this.name)
 }
 testFn(){
 console.log('我是父类的函数！')
 }
 }
 class Worker extends Student{
 sayWork(){
 console.log(this.name)
 }
 testFn(){
 console.log(<span class="hljs-s