javascript - this.constructor.apply 与 this.parent.apply

Question

传统上对象继承如下所示:

function Parent() {
   console.log('parent constructor');
}
Parent.prototype.method = function() {
   console.log('parent method');
}


function Child() {
   this.parent.apply(this,arguments);
   console.log('child constructor');
}

Child.prototype = Object.create(Parent.prototype);
Child.prototype.constructor = Child;
Child.prototype.parent = Parent;

但这也是有效的，而且在我看来看起来更好:

function Parent() {
   console.log('parent constructor');
}
Parent.prototype.method = function() {
   console.log('parent method');
}


function Child() {
   this.constructor.apply(this,arguments);
   console.log('child constructor');
}

Child.prototype = Object.create(Parent.prototype);
// without next lines, constructor will be Parent
// Child.prototype.constructor = Child; 
// Child.prototype.parent = Parent;

所以，

使用第一种方法的真正原因是什么？

如果我使用第二种方法会遇到什么问题？

Answer 1

What is the real reason to use first method ?

事实上，它们都不能正常工作。如果有另一个继承自 Child 的类，this.parent 和 this.constructor 将不会指向预期的函数 - 你要么跳过一个级别或进入无限递归。

What problems I can get if I will use second method ?

(new Child).constructor 将是 Parent，这有点出乎意料。参见 Is there a good use case for the constructor property in Javascript? .当然上面的问题仍然存在，无论你使用parent还是constructor作为属性名来引用你的父类。

对于正确的“ super ”调用，显式引用父构造函数:

function Child() {
   Parent.apply(this,arguments);
   console.log('child constructor');
}