JavaScript中的 super() 是什么?

cfbd887f183b34e741a7d823b8ddd053.gif

新钛云服已累计为您分享701篇技术干货

8ce6654502e12d0922b0a3936ff932e4.gif

a955b9678bb9ac9dd9858cdf7a50f6f1.jpeg

当你在js代码中看到有调用super()时,会不会好奇这个super()到底有什么作用?在子类中,您可以使用super()调用其父级的构造函数,并使用super.<方法名>来访问其父级的方法。

本文将假定您至少对构造函数以及子类和父类的概念有所了解。如果你不了解这些,则可能需要从Mozilla的Object-oriented JavaScript for beginners开始学习。

super并不是只javascript语言才有--许多其它编程语言,如java, python都有一个super()关键字来提供对父类的引用。与Java和Python不同,JavaScript并不是围绕类继承模型构建的。相反,它扩展了JavaScript的原型继承模型,以提供与类继承一致的行为。

让我们进一步了解它,并查看一些代码示例。

首先,这里引用的一段话Mozilla’s web docs for classes:

 
 
JavaScript classes, introduced in ECMAScript 2015, are primarily syntactical sugar over JavaScript’s existing prototype-based inheritance. The class syntax does not introduce a new object-oriented inheritance model to JavaScript.

一个简单的子类和父类的例子将有助于说明这句话的真正含义:

 
 
class Fish {
constructo
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript ,`super` 方法是用于调用父类方法的关键字。它可以在子类使用,以便调用父类的构造函数、静态方法和原型方法。使用 `super` 方法可以避免在子类重复编写父类的代码。 在 ES6 ,使用 `super` 方法要注意以下几点: 1. 在子类的构造函数,必须先调用 `super()` 方法,以便完成父类的初始化。 2. 在子类的原型方法,可以使用 `super` 关键字调用父类的同名方法。 3. 在子类的静态方法,也可以使用 `super` 关键字调用父类的同名静态方法。 下面是一个简单的示例,演示了如何在子类使用 `super` 方法: ```javascript class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + ' makes a noise.'); } } class Dog extends Animal { constructor(name) { super(name); // 调用父类的构造函数 } speak() { super.speak(); // 调用父类的同名方法 console.log(this.name + ' barks.'); } } let d = new Dog('Mitzie'); d.speak(); // 输出 "Mitzie makes a noise." 和 "Mitzie barks." ``` 在上面的示例,`Dog` 类继承自 `Animal` 类。在 `Dog` 类的构造函数,我们使用 `super(name)` 调用了父类的构造函数,并传入了一个参数。在 `Dog` 类的 `speak` 方法,我们使用 `super.speak()` 调用了父类的同名方法,并在其后面添加了自己的逻辑。最终,我们创建了一个 `Dog` 对象 `d`,并调用了它的 `speak` 方法,输出了两行信息。第一行信息是来自父类的,第二行信息是来自子类的。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值