ES6 的 super 是优雅调用父类同名方法的首选，它自动绑定 this 并支持构造函数与普通方法调用；ES5 中应避免硬编码父类名，推荐用 Object.getPrototypeOf().method.call(this) 安全调用。
在 JavaScript 继承中，优雅调用父类同名方法的核心是：**明确绑定 this、避免硬编码父类名、保持可维护性**。ES6 的 super 是最推荐的方式，它天然解决 this 绑定和构造函数调用问题；而 ES5 手动实现时需谨慎处理上下文与参数传递。
✅ 使用 super（ES6+ 类语法的首选）
super 不仅语义清晰，还能自动绑定正确的 this，并支持调用父类构造函数和普通方法：
- 在子类构造函数中，必须先调用
super()，否则无法访问this - 在实例方法中，用
super.methodName(...args)调用父类同名方法，this自动指向当前实例 - 注意：
super只能在类的方法或构造函数中使用，不能在普通函数或箭头函数中使用
示例：
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a sound`);
}
}
class Dog extends Animal {
constructor(name, breed) {
super(name); // ✅ 正确调用父构造
this.breed = breed;
}
speak() {
super.speak(); // ✅ 自动绑定 this，输出 "Buddy makes a sound"
console.log(`${this.name} barks`);
}
}
⚠️ 避免直接用父类名调用（不推荐）
像 Animal.prototype.speak.call(this) 或 ParentClass.prototype.method.call(this) 虽然可行，但存在明显缺陷：
立即学习“Java免费学习笔记（深入）”；
- 硬编码父类名，破坏继承链灵活性（如多层继承或重构类名时易出错）
- 容易遗漏
.call(this)，导致this指向错误，引发静默失败 - 在静态方法中需额外处理（
super同样支持静态方法调用）
? ES5 原型链继承中模拟 super 行为（兼容旧环境）
若必须用 ES5 方式（如 Object.create），可通过临时缓存父类原型方法来安全调用：
function Animal(name) {
this.name = name;
}
Animal.prototype.speak = function() {
console.log(`${this.name} makes a sound`);
};
function Dog(name, breed) {
Animal.call(this, name); // ✅ 构造继承
this.breed = breed;
}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.constructor = Dog;
// 安全调用父方法：显式绑定 + 明确来源
Dog.prototype.speak = function() {
// ✅ 推荐：通过原型链获取，不硬编码类名
Object.getPrototypeOf(Dog.prototype).speak.call(this);
console.log(`${this.name} barks`);
};
更健壮的做法是封装一个辅助函数（如 callSuper），但本质上仍是 super 思想的手动实现。
? 特殊场景提醒
-
静态方法中：同样可用
super.staticMethod()，前提是父类也定义了同名静态方法 -
getter/setter 中：可用
super.propName访问父类的 getter/setter，无需括号 -
箭头函数内无 super：因其没有自己的
this和super绑定，应避免在其中调用父方法
