javascript - 为什么在javascript中列出类的实际构造函数很重要

我正在阅读有关javascript原型(prototype)的javascript花园http://bonsaiden.github.com/JavaScript-Garden/，其示例之一如下所示:

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()的新实例。但是在这些实例上调用“值”或“方法”将返回完全相同的结果。所以我想知道，指定构造函数有什么需要(我假设必须有一个)？

谢谢你!!!

最佳答案

每个函数都有一个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;

如果将新对象分配给函数的原型(prototype)，则此关系将丢失:

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