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

为什么在javascript中列出类的实际构造函数很重要,javascript,constructor,prototypal-inheritance,prototype-programming,Javascript,Constructor,Prototypal Inheritance,Prototype Programming,我在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

我在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;
函数Foo(){
该值=42;
}
Foo.prototype={
方法:函数(){}
};
函数栏(){}
//将Bar的原型设置为Foo的新实例
Bar.prototype=new Foo();
Bar.prototype.foo='Hello World';

//确保将Bar列为实际的构造函数我相信这与使用new关键字实例化Bar有关。我相信使用new将寻找Bar.prototype.constructor。在该行之前,链接到Bar.prototype.constructor的对象是Foo类型的,因此在没有该行的情况下实例化时,它将生成一个Foo对象而不是Bar对象。

每个函数都有一个
prototype
属性,它是在创建函数对象时分配的,它指向一个新创建的对象,该对象继承自
object.prototype
,并且它有一个
构造函数
属性,该属性只指向函数本身

prototype
属性的目的是提供一种使用构造函数实现继承的方法。当您使用
new
操作符调用函数时,它将创建一个从该构造函数的
原型继承的新对象

现在,
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();
上面的代码有几个问题,首先,它执行父构造函数的逻辑来创建继承关系,但这是另一回事,在上面的示例中,
构造函数
属性也受到影响,因为我们完全替换了
子对象。原型
对象:

var child = new Child();
child.constructor == Parent; // true
如果我们在赋值后替换
Child.prototype
constructor
属性的值,它将显示预期的行为:

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

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

谢谢你这么详细的解释。这一切都有道理。唯一仍然困扰我但我可以忽略的是它在Child.prototype.constructor=Child@Nik,不客气!是的,设计上它确实是循环的,例如:
Object.prototype.constructor.prototype.constructor.prototype.constructor==Object;-)谢谢基思;这是一个简明扼要的解释