constructor 和 super

本文详细介绍了ES6中`constructor`和`super`的关键概念。`super`在作为函数调用时,用于继承父类的`this`对象,并在子类构造函数中加工。在方法调用中,`super`绑定子类的`this`。与ES5继承方式不同,ES6先创建父类实例再加工。文中还提到了在React组件中的应用和`super`作为函数和对象的使用场景。
摘要由CSDN通过智能技术生成

首先,ES6 的 class 属于一种“语法糖”,所以只是写法更加优雅,更加像面对对象的编程,其思想和 ES5 是一致的。

===============================================================================================

划重点:

关于super中的this指向

注意:当使用super指向原型对象中的一个方法时,方法中的this不指向原型对象,而是指向当前所存在的子类对象

父子类关系时,子类中的this问题

注意:子类在继承父类时,子类中是找不到this的,没有自己的this对象,只能使用super继承父类中的this对象,然后在加工。
即在ES6的继承,需要先创建父类的this,子类调用super继承父类的this对象,然后再用子类的构造函数对this进行加工。
这里另外说一下与es5继承方式的区别:
es5的继承,实质是先创造子类的实例对象 this ,然后再将父类的方法添加到 this 上面( Parent.apply(this) )

举例如下:

class Demo{
	constructor(x,y) {
	     this.x = x;
		 this.y = y;
	}
 }


class Demo2 extends Demo{
	constructor(x,y){
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值