源于react里面constructor()和super()的使用

es5里面没有继承的话

//构造函数

function People(name,age){

this.age = age;

this.name = name

}

let p1 = new People('hahhaha', '88')

es6里面通过class实现

复习一个重要知识点——ES5中new到底做了些啥？
当一个构造函数前加上new的时候，背地里来做了四件事：
1.生成一个空的对象并将其作为 this；
2.将空对象的 __proto__ 指向构造函数的 prototype；
3.运行该构造函数；
4.如果构造函数没有 return 或者 return 一个返回 this 值是基本类型，则返回this；如果 return 一个引用类型，则返回这个引用类型。

简单解释，就是在ES5的继承中，先创建子类的实例对象this，然后再将父类的方法添加到this上（ Parent.apply(this) ）。而ES6采用的是先创建父类的实例this（故要先调用 super( )方法），完后再用子类的构造函数修改this。

补充：
1.子类如果没有 constructor 方法，该方法会被默认添加，即任何的子类都有 constructor 方法，无论定义没定义，它就在那里，不离不弃。
2.在子类的构造函数 constructor( )中，只有调用 super( )方法之后，才可以使用 this关键字，否则会报错。

巴特西

源于react里面constructor()和super()的使用

最新文章

热门文章