javascript - JS继承在构造函数中覆盖？

Question

有人能给我解释一下吗？

class BaseClass {
  prop = 88;
  constructor(){
    console.log("baseClass prop is ", this.prop);
  }
}
class DerivedClass extends BaseClass{
  prop = 83;
  constructor(){
    super();
    console.log("derivedClass prop is ", this.prop);
  }
}
new derivedClass();

输出是

baseClass prop is  88
derivedClass prop is  83

现在两个 Prop 不应该相同 (83) 吗？因为一个 Prop 覆盖了另一个？我这里有什么问题吗？

Answer 1

您忘记了派生类的构造函数中的 super() 调用。

它的作用是调用基类的构造函数。所以基类的构造函数先于派生类的构造函数运行完成。

意思是基类的console.log语句执行时，prop变量还是88。