为什么在javascript中列出类的实际构造函数很重要
我在javascript garden上读到关于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
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代码>;-)谢谢基思;这是一个简明扼要的解释