使用 object.create 设置对象的原型

Question

i was answering to a question where i encountered this problem 在下面的代码中，如何使用 object.create() 方法将孩子的原型设置为父级。我可以使用

child.prototype=new Parent();

但我想使用 object.create.using child.prototype=Object.create(Parent) 来实现，但没有将原型设置为 Parent

function Parent() {
   this.parentFunction = function(){
      console.log('parentFunction');
   }
}
Parent.prototype.constructor = Parent;

function Child() {

   this.parentFunction = function() {

      this.constructor.prototype.parentFunction.call(this);
      console.log('parentFunction from child');
   }
}
Child.prototype = Object.create(Parent);
Child.prototype.constructor = Child;

var child = new Child();
console.dir(child);
child.parentFunction();

Answer 1

两个问题：

1. 您定义的第一个parentFunction 在Parent 的构造函数中，不是原型。所以Parent.prototype.parentFunction 没有定义。相反，对于 Parent 的任何实例，都有一个单独的 parentFunction 副本。

2. 在Child构造函数中，this.constructor.prototype指的是Child的原型，而不是Parent的原型。如果您想要 Parent 原型，可以使用 this.prototype.prototype 访问。

我对您的代码进行了最低限度的修改，以便对子级调用 parentFunction 对父级调用 parentFunction：

function Parent() {

}

Parent.prototype.parentFunction = function(){
      console.log('parentFunction in parent');
}


Parent.prototype.constructor = Parent;

function Child() {

}

Child.prototype = Object.create(Parent);
Child.prototype.parentFunction = function() {
      this.prototype.parentFunction.call();
      console.log('parentFunction from child');
};
Child.prototype.constructor = Child;

var child = new Child();
console.dir(child);
child.parentFunction();