ES6中的super关键字

在其它面向对象的语言中都能看到一个关键字super。这个关键字的含义通常是“父类”的意思。而在Javascript中,super换了一个与“父类”相近的含义,即“原型(prototype)”。

let proto = {
  foo: 'hello'
};

let obj = {
  foo: 'world',
  find() {
    return super.foo;
  }
};

Object.setPrototypeOf(obj, proto);
obj.find() // "hello"

上面的代码中通过Object.setPrototypeOf方法为obj设定其原型对象为proto

需要注意的是,super关键字仅能用在对象的方法之中,用在其他的地方都会报错

在这里插入图片描述

上面的错误中,第一种写法是将super用在了属性内,但是第二和第三中写法是写在方法内,却也报了错,这是为何?

原因在于,目前只有对象方法的简写法可以让JavaScript引擎确认定义的是对象的方法。

还有一种错误,即super关键字不能单独使用。意思是说,必须访问super的属性或方法,不然就会报错,例如:

在这里插入图片描述

这样单独使用super是会报错的,而访问其属性之后则不会:

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值