js中super的使用

使用super:super继承,super方法,super对象。

1.super继承,在constructor中调用super,子类没有定义constructor方法,super方法会被默认添加。子类的构造函数中,只有调用super之后,才可以使用this关键字,否则会报错
。(因为:ES5 的继承的实质是先创造子类的实例对象this,然后再将父类的方法添加到this上面(Parent.apply(this))。ES6 的继承机制完全不同,实质是先将父类实例对象的属性和方法,加到this上面(所以必须先调用super方法),然后再用子类的构造函数修改this。)
2.super方法:作为函数时,super()只能用在子类的构造函数之中
3.super作为对象时,在普通方法中,指向父类的原型对象,在静态方法中,指向父类。

super的介绍
https://zhuanlan.zhihu.com/p/361387348
对于对象中使用super:
son1.func()输出jack;son2.func()出错。
son2.func()出错的原因是,在对象son2,定义的func方法是传统的定义方式,不是es6新定义的方法的简写方式,func(){};传统函数表达式没有加入对super的支持。

const father={
    func(){
        console.log('jack')
    }
};
const son1={
     __proto__:father,
    func(){
        super.func();
    }
};
// Object.setPrototypeOf(son1, father);
son1.func();//jack
const son2={
    // __proto__:father,
    func:function()
     {
         super.func();
    }
};
Object.setPrototypeOf(son2, father);   //此句等于第16行的设置原型对象
son2.func()//出错
  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值