首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

javascript扩展类如何访问父类导入函数?

在JavaScript中,可以使用super关键字来访问父类导入函数。super关键字用于调用父类的构造函数、静态方法和原型方法。

  1. 访问父类导入函数的构造函数:class Parent { constructor() { console.log("Parent constructor"); } }

class Child extends Parent {

代码语言:txt
复制
 constructor() {
代码语言:txt
复制
   super(); // 调用父类的构造函数
代码语言:txt
复制
   console.log("Child constructor");
代码语言:txt
复制
 }

}

const child = new Child();

// 输出:

// Parent constructor

// Child constructor

代码语言:txt
复制
  1. 访问父类导入函数的静态方法:class Parent { static staticMethod() { console.log("Parent static method"); } }

class Child extends Parent {

代码语言:txt
复制
 static staticMethod() {
代码语言:txt
复制
   super.staticMethod(); // 调用父类的静态方法
代码语言:txt
复制
   console.log("Child static method");
代码语言:txt
复制
 }

}

Child.staticMethod();

// 输出:

// Parent static method

// Child static method

代码语言:txt
复制
  1. 访问父类导入函数的原型方法:class Parent { instanceMethod() { console.log("Parent instance method"); } }

class Child extends Parent {

代码语言:txt
复制
 instanceMethod() {
代码语言:txt
复制
   super.instanceMethod(); // 调用父类的原型方法
代码语言:txt
复制
   console.log("Child instance method");
代码语言:txt
复制
 }

}

const child = new Child();

child.instanceMethod();

// 输出:

// Parent instance method

// Child instance method

代码语言:txt
复制

以上是使用super关键字访问父类导入函数的基本用法。在实际开发中,可以根据具体需求灵活运用super关键字来访问父类的各种函数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

「思维导图学前端 」一文搞懂Javascript对象,原型,继承

去年开始我给自己画了一张知识体系的思维导图,用于规划自己的学习范围和方向。但是我犯了一个大错,我的思维导图只是一个全局的蓝图,而在学习某个知识点的时候没有系统化,知识太过于零散,另一方面也很容易遗忘,回头复习时没有一个提纲,整体的学习效率不高。意识到这一点,我最近开始用思维导图去学习和总结具体的知识点,效果还不错。试想一下,一张思维导图的某个端点是另一张思维导图,这样串起来的知识链条是多么“酸爽”!当然,YY一下就好了,我保证你没有足够的时间给所有知识点都画上思维导图,挑重点即可。

02
  • 领券