8

我在 javascript garden http://bonsaiden.github.com/JavaScript-Garden/上阅读有关 javascript 原型的内容，其中一个示例如下所示：

function Foo() {
    this.value = 42;
}
Foo.prototype = {
    method: function() {}
};

function Bar() {}

// Set Bar's prototype to a new instance of Foo
Bar.prototype = new Foo();
Bar.prototype.foo = 'Hello World';

// Make sure to list Bar as the actual constructor <-------------------
Bar.prototype.constructor = Bar;

请注意读取确保将 Bar 列为实际构造函数的行。我真的不知道这是做什么的。我尝试过使用和不使用最后一行来制作 Bar() 的新实例。但是在这些实例上调用“值”或“方法”会返回完全相同的东西。所以我想知道，指定构造函数有什么需要（我假设必须有一个）？

谢谢你！！！

4

2 回答 2

6

每个函数都有一个prototype属性，它是在创建函数对象时分配的，它指向一个新创建的继承自 的对象Object.prototype，并且它有一个constructor属性，它简单地指向函数本身。

该prototype属性的目的是提供一种使用构造函数来实现继承的方法。当您使用运算符调用函数时new，它将创建一个继承自该构造函数的新对象prototype。

现在，该constructor属性的目的是有一种方法可以引用已创建对象的构造函数，例如：

function Foo () {}
// default value of the property:
Foo.prototype.constructor == Foo; // true

此属性由 的“实例”继承Foo，因此您可以知道使用哪个构造函数创建对象：

var foo = new Foo();
foo.constructor == Foo;

如果您将新对象分配给函数的原型，则此关系将丢失：

function Bar () {}
Bar.prototype = { inherited: 1 };

Bar.prototype.constructor == Bar;    // false
Bar.prototype.constructor == Object; // true

它也会影响函数的实例：

var bar = new Bar();
bar.constructor == Bar;    // false
bar.constructor == Object; // true

另一个类似的情况是，当你使用构造函数有两级或多级继承时，最常用的方式是表示函数之间的继承关系，是分配prototype第二级的属性，例如：

function Parent() {}

function Child () {}
Child.prototype = new Parent();

上面的代码有几个问题，首先，它执行了父构造函数的逻辑来创建继承关系，但那是另一回事了，在上面的例子中，constructor属性也受到了影响，因为我们完全替换了Child.prototype对象：

var child = new Child();
child.constructor == Parent; // true

如果我们在分配后替换替换constructor属性的值Child.prototype，它将显示预期的行为：

function Child() {}
Child.prototype = new Parent();
Child.prototype.constructor = Child;

var child = new Child();
child.constructor == Child; // true
于 2011-10-10T22:00:11.250 回答
2

我相信这与使用 new 关键字实例化 Bar 有关。我相信使用 new 会寻找 Bar.prototype.constructor。在该行之前，链接到 Bar.prototype.contructor 的对象是 Foo 类型，因此在没有该行的情况下实例化时，它将生成 Foo 对象而不是 Bar 对象。

于 2011-10-10T21:56:31.270 回答