javascript - 如何在 JavaScript 中进行原型(prototype)继承？

Question

我尝试了多种方法，但都做不到。

在下一个示例中，我希望士兵获取人员的所有属性，并允许添加更多属性。如何正确地做到这一点？

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

Person.prototype.hi = function (message) {
    console.log(message + "!!!");
};

var Soldier = new(Person); // it is not the way to do it

Soldier.prototype.good_hi = function (message) {
    console.log("Sir! " + message + ", sir!");
};

Answer 1

您没有 Soldier 构造函数。你需要先做到这一点。然后，您将 Person 构造函数应用于新的 Soldier 实例。

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

Person.prototype.hi = function (message) {
    console.log(message + "!!!");
};

function Soldier(name, age) {
    Person.apply(this, arguments);
}

Soldier.prototype = Object.create(Person.prototype); // is better
Soldier.prototype.constructor = Soldier;

Soldier.prototype.good_hi = function (message) {
    console.log("Sir! " + message + ", sir!");
};

---

然后像这样使用它:

var s = new Soldier("Bob", 23);

s.good_hi("Hello");

演示: http://jsfiddle.net/3kGGA/