J*aScript类继承_super关键字解析

发布时间：2025-11-29

点击量：

在J*aScript中，子类通过extends实现继承，super用于调用父类构造函数或方法；在子类构造函数中必须先调用super()才能使用this，因为实例初始化依赖父类构造逻辑。

javascript类继承_super关键字解析

在J*aScript中，类继承通过extends关键字实现，而super则用于在子类中调用父类的构造函数或方法。super不是一个简单的函数或属性，它是一个特殊的关键字，在不同上下文中具有不同的作用。

super在构造函数中的使用

在子类的构造函数中，必须在使用this之前调用super()，否则会抛出错误。这是因为子类实例的初始化依赖于父类的构造逻辑。

说明：

super() 调用父类的构造函数
this前

示例：

class Animal {
  constructor(name) {
    this.name = name;
  }
}

class Dog extends Animal {
  constructor(name, breed) {
    super(name); // 调用父类构造函数
    this.breed = breed;
  }
}

const dog = new Dog("旺财", "哈士奇");
console.log(dog.name); // 旺财
console.log(dog.breed); // 哈士奇

super调用父类方法

在子类的方法中，可以通过super.methodName()调用父类中定义的方法。这在需要扩展而非完全覆盖父类行为时非常有用。

来画数字人|直播|

来画数字人自动化|直播|，无需请真人主播，即可实现24小时|直播|，无缝衔接各大|直播|平台。

57 查看详情来画数字人直播

说明：

super.method() 调用父类的同名方法

示例：

class Animal {
  speak() {
    console.log(`${this.name} 发出声音`);
  }
}

class Dog extends Animal {
  speak() {
    super.speak(); // 先执行父类逻辑
    console.log(`${this.name} 汪汪叫`);
  }
}

const dog = new Dog();
dog.name = "旺财";
dog.speak();
// 输出：
// 旺财 发出声音
// 旺财 汪汪叫

super的静态方法调用

在静态方法中，super也可以用来调用父类的静态方法，其行为与实例方法类似。

说明：

static 方法中可用super调用父类静态方法

示例：

class Animal {
  static info() {
    return "这是动物类";
  }
}

class Dog extends Animal {
  static info() {
    return super.info() + "，特指犬类";
  }
}

console.log(Dog.info()); // 这是动物类，特指犬类

注意点总结：

super只能在子类中使用
super()再使用this
super不是引用父类本身，而是父类原型的一个代理
super，因其没有自己的this和作用域

基本上就这些。掌握super的使用，能更灵活地组织类的继承关系，实现代码复用和逻辑扩展。

以上就是J*aScript类继承_super关键字解析的详细内容，更多请关注其它相关文章！

上一篇：如何在CSS中设置上下内边距_padding-top pad

下一篇：CSS初级项目中如何实现图片遮罩效果_mask与opacit