添加到另一个原型实例的原型：JavaScript

Question

我的问题很简单：

如何设置继承自另一个类原型的类的原型？

我的代码在我尝试调用 Pierre.mySkill() 之前一直有效，此时控制台显示该函数未定义。

理论上，我这样做的原因是能够创建 Pirault 的实例以及 Person 的实例，并且能够添加到 Pirault 的原型中而无需添加到 Person 的原型中。

function Person (name, age){
    this.name = name;
    this.age = age;
}

Person.prototype.info = function(){
    console.log('I am '+this.name+' and I am '+this.age+' years old.');
};

function Pirault (){
    this.skill = arguments[2];

    Person.apply(this, arguments);
}

Pirault.prototype.mySkill = function(){
    console.log('My skill is '+this.skill);
}

Pirault.prototype = Object.create(Person.prototype);
Pirault.prototype.constructor = Pirault;

var Pierre = new Pirault('Pierre', 30, 'Programming');

Answer 1

组织您的代码，以便在创建原型对象之后定义所有原型方法。例如：

Pirault.prototype = Object.create(Person.prototype);
Pirault.prototype.constructor = Pirault;

Pirault.prototype.mySkill = function(){
    console.log('My skill is '+this.skill);
}

Demo。就目前而言，您在原型上正确定义了一个方法 - 但是当一个对象（由Object.create 创建）变成一个新的Pirault.prototype 时，它就会丢失。

Answer 2

作为一种替代方法，您不需要构造函数来执行此操作。在现代浏览器中你只需要对象和Object.create:

var Person = {
  info: function() {
    console.log('I am '+ this.name +'and I am '+ this.age +' years old.')
  }
}

var Pirault = Object.create(Person)
Pirault.mySkill = function() {
  console.log('My skill is '+ this.skill)
}

var pierre = Object.create(Pirault)
pierre.name = 'Pierre'
pierre.age = 30
pierre.skill = 'Programming'

pierre.mySkill() //=> My skill is Programming

console.log(Pirault.isPrototypeOf(pierre)) //=> true
console.log(Person.isPrototypeOf(pierre)) //=> true