JavaScript类继承_super关键字解析-js教程-PHP中文网

JavaScript类继承_super关键字解析

betcha

发布： 2025-11-29 21:07:02

原创

261人浏览过

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

javascript类继承_super关键字解析

在JavaScript中，类继承通过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()调用父类中定义的方法。这在需要扩展而非完全覆盖父类行为时非常有用。

立即学习“Java免费学习笔记（深入）”；

AIBox 一站式AI创作平台

AIBox365一站式AI创作平台，支持ChatGPT、GPT4、Claue3、Gemini、Midjourney等国内外大模型

217

查看详情

说明：

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()); // 这是动物类，特指犬类

登录后复制

注意点总结：