必须调用super(),因为ES6要求子类构造函数访问this前须先执行父类构造函数以初始化实例内部结构和原型链,否则会抛出ReferenceError。

在 JavaScript 中,如果子类构造函数中没有显式调用 super(),且该子类继承自一个父类(即使用了 extends),那么在实例化该子类时会直接抛出 ReferenceError: Must call super constructor in derived class before accessing 'this' or returning from derived constructor 错误。
为什么必须调用 super()?
ES6 类的继承机制要求:子类构造函数在访问 this 或返回实例前,必须先完成父类构造函数的执行。这是因为子类实例的内部结构(如原型链、内部槽位)依赖于父类构造函数初始化。JavaScript 引擎在子类构造函数开头隐式设置了一个“未初始化状态”(uninitialized),直到 super() 成功返回,this 才被正式绑定并可用。
-
super()不仅调用父类构造函数,还负责为子类实例设置[[Prototype]]指向父类原型,并激活this - 若跳过
super(),任何对this的读写(包括this.xxx = ...、console.log(this))都会触发报错 - 即使构造函数为空,只要写了
constructor() { },就必须手动调用super()
哪些情况会触发该错误?
以下写法均会在 new Sub() 时立即报错:
- 子类定义了
constructor,但内部没写super() - 写了
super(),但放在this访问之后(顺序错误) - 构造函数中有
return语句且早于super()(例如return;或提前return {};) - 试图在
super()前使用super.xxx(除调用super()外,其他对super的访问也受限)
正确写法与常见修复
核心原则:super() 必须是子类构造函数中第一条可执行语句(除非前面只有声明或注释)。
立即学习“Java免费学习笔记(深入)”;
- 最简合法子类:
class Sub extends Parent { constructor() { super(); } } - 需传参时:
constructor(...args) { super(...args); }(参数通常透传给父类) - 需要初始化自身属性时,务必放在
super()之后:super(); this.name = name; - 若想跳过默认构造逻辑,仍需调用
super()(哪怕无参),不能省略
不写 constructor 就不会报错?
是的。如果子类**完全不定义**自己的 constructor,JavaScript 会自动提供一个默认构造函数:constructor(...args) { super(...args); }。这种情况下无需手动处理,也不会报错。但一旦显式声明了 constructor,无论是否使用 this,都必须主动调用 super()。


















