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

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 访问原型的静态属性（因为原型上本身没有“静态”的概念）。