super 在对象字面量(object literal)与 class 中的行为存在显著差异,这是 JavaScript 开发中容易踩坑的地方。简单来说:对象字面量中的 super 指向当前对象的原型(prototype),且只能在方法定义内部使用,需要开发者手动设置原型链;而 class 中的 super 会根据所在上下文(构造函数、普通方法、静态方法)动态绑定到父类或其原型,语法约束也更加严格。

对象字面量中的 super:仅限方法内使用,且依赖显式原型设置
想在对象字面量里使用 super,必须满足两个前提条件:该对象已经通过 Object.setPrototypeOf() 方法显式设置了原型;同时 super 只能出现在方法定义中——你不能在属性初始化或顶层作用域中直接书写。
super调用的是当前对象原型上的同名方法,this 始终指向当前对象本身(而非原型对象)。- 对象字面量中没有 constructor,因此不存在“在构造函数中使用 super”的情形。
- 不能单独写
console.log(super),这会引发语法错误——super并不是一个可求值的对象,而是语法层面的引用机制。 - 举例说明:
const parent = { getName() { return 'parent'; } }; const child = { getName() { return `child + ${super.getName()}`; } }; Object.setPrototypeOf(child, parent); child.getName(); // "child + parent"
class 中的 super:分场景使用,存在强制规则
在 class 继承体系下,super 的用法更严格、也更丰富。需要区分它“作为函数”和“作为对象”两种角色。
- 子类 constructor 中必须调用
super(),否则无法访问 this。此时super代表父类构造函数,以函数形式被调用。 - 在普通实例方法中,
super指向父类的prototype,即Object.getPrototypeOf(子类.prototype)。调用super.xxx()时,this 仍然指向当前子类实例。 - 在静态方法中,
super指向父类本身(而非其 prototype),可用于调用父类的静态方法。 - 不允许在 class 的顶层(非方法或非构造函数位置)使用
super。
关键差异总结
最容易忽略的一点是:对象字面量中的 super 不涉及继承链的初始化过程,它仅作为运行时原型查找;而 class 中的 super 在构造函数里承担了初始化父类状态的职责,这是继承机制中的强制环节。
- 对象字面量的
super是“运行时动态查原型”,没有语法强制,但需要手动设置原型。 - class 的
super是“编译期语义关键字”,在 constructor 中不调用会直接抛出ReferenceError。 - 两者
super.xxx()内部的 this 都指向当前调用者(而非父级对象),这一点是一致的。 - class 中
super可用于访问静态成员;对象字面量中无法通过super访问原型的静态属性(因为原型上本身没有“静态”的概念)。
