除了创建对象构造函数constructor还做另一件有用事情高端系列教程.pdfVIP

除了创建对象，构造函数(constructor)还做了另一件有用的事情—

自动为创建的新对象设置了原型对象(prototypeobject)。原型对象存放

于ConstructorFunction.prototype属性中。

例如，我们重写之前例子，使用构造函数创建对象“b”和“c”，那么对

象”a”则扮演了“Foo.prototype”这个角色：

//构造函数

functionFoo(y){

//构造函数将会以特定模式创建对象：被创建的对象都会有y属性

this.y=y;

}

//Foo.prototype存放了新建对象的原型

//所以我们可以将之用于定义继承和共享属性或方法

//所以，和上例一样，我们有了如下代码：

//继承属性x

Foo.prototype.x=10;

//继承方法calculate

Foo.prototype.calculate=function(z)

{returnthis.x+this.y+z;

};

//使用foo模式创建bandc

varb=newFoo(20);

varc=newFoo(30);

//调用继承的方法

b.calculate(30);//60

c.calculate(40);//80

//让我们看看是否使用了预期的属性

console.log(

b.protoFoo.prototype,//true

c.protoFoo.prototype,//true

//Foo.prototype自动创建了一个特殊的属性constructor

//指向a的构造函数本身

//实例b和c可以通过找到它并用以检测自己的构造函数

b.constructorFoo,//true

c.constructorFoo,//true

Foo.prototype.constructorFoo//true

b.calculateb.proto.calculate,//true

b.proto.calculateFoo.prototype.calculate//true

);

上述代码可表示为如下的关系：

构造函数与对象之间的关系

上述图示可以看出，每一个object都有一个prototype.构造函数

Foo也拥有自己的proto,也就是Function.prototype,而

Function.prototype的proto指向了Object.prototype.重申一遍，

Foo.prototype只是一个显式的属性，也就是b和c的