JS类继承与super()执行逻辑答疑：new B为何输出B A、B B

我们一步步拆解new B的执行过程，就能明白输出的由来：

1. 启动B类实例初始化 #

执行new B时，进入B类的构造函数，首先执行super()——这是ES6子类构造函数的强制要求：必须在访问this前调用super()，它会触发父类A的构造函数执行。

2. 父类A构造函数执行 #

• 首先给当前实例（注意：这个实例本质是B类的实例，super()已经完成了子类实例的绑定）的name属性赋值为'A'。
• 接着调用this.getName()，由于this指向B类实例，而B类重写了getName方法，所以实际执行的是B的getName，输出 B A。

3. 回到B类构造函数继续执行 #

• 父类构造函数执行完毕后，回到B的构造函数，给实例的name属性重新赋值为'B'。
• 再次调用this.getName()，依然执行B类的getName方法，输出 B B。

核心机制要点 #

• super()的作用：在子类构造函数中，super()会调用父类构造函数，同时完成子类实例的初始化——它返回的就是子类的实例对象，后续所有this操作都指向这个实例。
• 方法重写的优先级：当父类构造函数中调用实例方法时，this已经是子类实例，所以会优先使用子类重写后的方法，而不是父类的同名方法。

内容的提问来源于stack exchange，提问作者Matushini