JavaScript 原型

我正在尝试理解 js 原型属性：我的示例代码

function Container(param) {
    this.member = param;
}

var newc = new Container('abc');


Container.prototype.stamp = function (string) {
    return this.member + string;
}

document.write(newc.stamp('def'));

function Box() {
    this.color = "red";
    this.member = "why";
}

Container.prototype = new Box();
Box.prototype.test = "whatever";
var b = new Box();

document.write(newc.test);

这里最后一行是未定义的 - 即使Container的原型是一个Box并且Box的原型有一个属性test，为什么在Box中引用test的newc不起作用？任何人都可以解释一下“原型”在我的上述上下文中是如何工作的。

谢谢...

您正在设置Container原型为Box()之后newc实例已经创建。

将语句重新排序如下：

function Container(param) {
    this.member = param;
}

function Box() {
    this.color = "red";
    this.member = "why";
}

Container.prototype = new Box();
Box.prototype.test = "whatever";
Container.prototype.stamp = function (string) {
    return this.member + string;
}

//Here the containers prototype setup is complete.
var newc = new Container('abc');

document.write(newc.stamp('def'));

document.write(newc.test);