在 JavaScript 中，为什么 super 关键字不总是调用父 class 方法以进行进一步调用？

Question

这里子 class object 调用super.msg1()这意味着这个调用Parent's msg1() function 应该被使用。 但是，如果Parent's msg1()调用自己的 class 的另一个 function msg2()怎么办，我的意思是Parent's msg2() 。

因此，在这种情况下，直接和间接调用 function 都应该使用父 class 的定义，这在此处不会发生。

使用super ，子 class 想要完成Parent class 方法的任何 function 的执行，在当前示例中，调用msg2()是msg1()的一部分。 一件重要的事情是，我不想修改父 class 来实现我预期的 output。

看看当前的output：

Message 1 from Parent class
Message 2 from Child class

但我期待

Message 1 from Parent class
Message 2 from Parent class

我在 inheritance 中是否缺少任何隐藏规则，如何实现我预期的 output？

 class Parent { msg1() { console.log('Message 1 from Parent class') this.msg2(); } msg2() { console.log('Message 2 from Parent class') } } class Child extends Parent { constructor() { super(); } msg1() { super.msg1(); } msg2() { console.log('Message 2 from Child class') } } ch = new Child(); ch.msg1();

有没有办法在不修改父 class 的情况下在这里获得预期的 output。

Answer 1

你所观察到的完全是意料之中的。 请参阅https://javascript.info/class-inheritance

super总是调用“父” class 方法。 但是您的日志"Message 2 from Child class"是由父 class 中的this.msg2()引起的。 您不知道或奇怪的是， this实例与子 class 中的相同，因此该方法也在父 class 内部方法 scope 中被覆盖。 这在所有面向 object 的语言中都是完全可以预料的。

编辑：如果您想要这些属性，则必须使用“技巧”，在其中添加具有原始功能的附加方法，因此您可以在父 class 中决定调用原始功能或（可能）扩展功能。

 class Parent { msg1() { console.log('Message 1 from Parent class') // call basic functionality directly, to avoid use of override method this._msg2basic(); } // Redirect call msg2(...args) { this._msg2(...args) } // Basic msg2 functionality of the parent that could be needed if overwrite. // Usually with a underscore _ to indicate it's private and not intended for "outside" usage. _msg2basic() { console.log('Message 2 from Parent class') } } class Child extends Parent { constructor() { super(); } msg1() { super.msg1(); } // Override parent msg2 msg2() { console.log('Message 2 from Child class') } } ch = new Child(); console.log('ch.msg1()') ch.msg1(); console.log('ch.msg2()') ch.msg2();

如果这有帮助并且您使用此答案来解决您的问题，那么如果您将该答案标记为已接受，那就太好了。 仅当您愿意时才有意义。 它不仅可以帮助我，还可以帮助其他有同样问题并在搜索时遇到这个问题的人。