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

在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免费学习笔记(深入)”;
说明:
-
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的使用,能更灵活地组织类的继承关系,实现代码复用和逻辑扩展。










