JavaScript 中 super 在对象字面量和 class 中的差异

super在对象字面量和class中行为不同：前者指向当前对象原型，仅限方法内使用且需显式设置原型；后者按上下文动态绑定父类或其原型，constructor中必须调用super()，且具语法强制性。

super 在对象字面量和 class 中都能用，但行为逻辑完全不同——核心区别在于：对象字面量里的 super 指向的是当前对象的原型，而 class 中的 super 会根据上下文（构造函数、普通方法、静态方法）动态绑定到父类或父类原型，且受严格语法约束。

对象字面量中的 super：只用于方法内，且依赖显式设置原型

在对象字面量中使用 super，必须满足两个前提：该对象已通过 Object.setPrototypeOf() 显式设置了原型；且 super 只能在方法定义中出现（不能在属性初始化或顶层作用域使用）。

• super 调用的是当前对象原型上的同名方法，this 始终指向当前对象本身（不是原型）
• 不能在构造函数中使用（对象字面量没有 constructor）
• 不能单独写 console.log(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 在 constructor 里承担了初始化父类状态的职责，是继承机制的强制环节。

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

• 对象字面量的 super 是“运行时动态查原型”，无语法强制，但需手动设原型
• class 的 super 是“编译期语义关键字”，constructor 中不调用会直接抛 ReferenceError
• 两者 super.xxx() 内部的 this 都指向当前调用者（不是父级对象），这点一致
• class 中 super 可用于访问静态成员；对象字面量中无法通过 super 访问原型的静态属性（因为原型上本就没有“静态”概念）