Question

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

在下一个例子中，我希望Soldier获得Person的所有属性，并允许添加更多属性。如何正确地做到这一点？

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");

DEMO： http://jsfiddle.net/3kGGA/

如何在JavaScript中进行原型继承？

1 个答案: