一文讲清楚ES6的继承

一文讲清楚ES6的继承

简介extends

1. class中使用 extends关键字实现继承
2. 子类继承父类的属性和方法
3. 写法比ES5的原型链继承要清晰和方便
4. 子类无法继承父类的私有方法和属性
5. 可以继承父类的静态属性和静态方法（浅拷贝）

Constructor方法

Super关键字

1. 代表父类构造函数（等价于父类的constructor）,用来新建一个父类的实例对象

ES6规定，子类必须在自己的constructor方法中调用super(),这样才能通过父类的构造函数得到子类自己的this对象，以及和父类同样的实例属性和方法。如果没有super()方法，子类就得不到自己的this对象

super内部的this指向子类的构造函数

2. 代表对象，在普通方法中指向父类的原型对象（父.prototype）；在静态方法中，指向父类;

ES6规定，子类普通方法中通过super调用父类的方法时，方法内部的this指向当前的子类实例

子类的静态方法中通过super调用父类的方法时，方法内部的this指向当前的子类

为什么子类的构造函数一定要调用super(）

原因：在于ES6的继承机制与ES5继承机制完全不同

ES5的继承机制

实例在前，继承在后

1. 先创建一个独立的子类的实例对象
2. 然后将父类的方法添加到对象上面

ES6的继承机制

继承在前，实例在后

1. 先将父类的属性和方法加到空对象上
2. 再将这个对象作为子类的实例

因此：ES6的继承必须先调用super()方法，生成一个继承父类的this对象