摘要：
我看到有人在segmentfault中提出了同样的问题，下面的SF给出了解释。在es6中实现继承时：classsup｛constructor｛this.name＝name｝printName（）｛console.log｝｝classsubextendssup｝constructors｛superthis.age＝age｝printAge（）｝console/log｝letjack＝newsubjack。printName（）//输出：插孔。printAge（）//输出：20对es5和es6可以在es5中找到继承，继承在es5实现。首先，需要调用函数的call方法来继承父类的属性，以通过new关键字继承父类原型的对象上的方法和属性。最后，您可以通过手动指定构造函数属性来指向子类对象，从而在es6中实现继承。您可以通过直接调用super来直接继承父类的属性和方法，因此super的功能相当于实现继承的上述步骤。然而，es6提供了超级语法糖来简化继承的实现
对这个问题纠结了好几天，一直没时间深入研究。在segmentfault看到有人提出了同样的问题，下面这篇SF给出了解释。为什么react的组件要super(props)
解释一：
调用super的原因：在ES6中，在子类的
constructor中必须先调用super才能引用thissuper(props)的目的：在constructor中可以使用this.props最后，可以看下React文档，里面有一段
Class components should always call the base constructor with props.
解释二：
假设在es5要实现继承,首先定义一个父类:
//父类
function sup(name) {
this.name = name
}
//定义父类原型上的方法
sup.prototype.printName = function (){
console.log(this.name)
}现在再定义他sup的子类，继承sup的属性和方法:
function sub(name,age){
sup.call(this,name) //调用call方法,继承sup超类属性
this.age = age
}
sub.prototype = new sup //把子类sub的原型对象指向父类的实例化对象，这样即可以继承父类sup原型对象上的属性和方法
sub.prototype.constructor = sub //这时会有个问题子类的constructor属性会指向sup，手动把constructor属性指向子类sub
//这时就可以在父类的基础上添加属性和方法了
sub.prototype.printAge = function (){
console.log(this.age)
}这时调用父类生成一个实例化对象:
let jack = new sub('jack',20)
jack.printName() //输出 : jack
jack.printAge() //输出 : 20这就是es5中实现继承的方法。而在es6中实现继承:
class sup {
constructor(name) {
this.name = name
}
printName() {
console.log(this.name)
}
}
class sub extends sup{
constructor(name,age) {
super(name)
this.age = age
}
printAge() {
console.log(this.age)
}
}
let jack = new sub('jack',20)
jack.printName() //输出 : jack
jack.printAge() //输出 : 20对比es5和es6可以发现在es5实现继承，在es5中实现继承:
首先得先调用函数的call方法把父类的属性给继承过来
通过new关键字继承父类原型的对象上的方法和属性
最后再通过手动指定constructor属性指向子类对象
而在es6中实现继承，直接调用super(name)，就可以直接继承父类的属性和方法，所以super作用就相当于上述的实现继承的步骤，不过es6提供了super语法糖，简单化了继承的实现