四、组合使用构造函数和原型模式
创建自定义类型的最常见方式,是组合使用构造函数模式与原型模式。构造函数用于定义实例属性,而原型模式用于定义方法和共享的属性。结果,每个实例都会有自己的一份实例属性的副本,但同时又共享这对方法的引用,最大限度地节省了内存。另外,
这种混成模式还支持向构造函数传递参数;可谓是几两种模式之长。下面的代码重写了前面的例子:
function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.friends = ["Shelby","Court"];
}
Person.prototype = {
constructor:Person,
sayName:function(){
alert(this.name);
}
}
var p1 = new Person("Nicholas", 29, "Software Engineer");
var p2 = new Person("Greg", 29, "Doctor");
p1.friends.push("Van");
alert(p1.friends); //"Nicholas,Greg,Van"
alert(p2.friends); //"Nicholas,Greg"
alert(p1.friends == p2.friends); // false;
alert(p1.sayName == p2.sayName); // true
在这个例子中,实例属性都是在构造函数中定义的,而由所有实例共享的属性constructor和方法sayName()则是在原型中定义的。而修改了p1.friends,并不会影响p2.friends,因为它们分别引用了不同的数组。
这种构造函数和原型混成的模式,是目前在ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。可以说,这是用来定义
引用类型的一种默认模式。
2014-6-16
至此,可以对构造函数,原型,对象三者之间的关系再做一个完整的总结:
一、对于一个构造函数,必须包含:
1,属性prototype,指向原型对象的指针
2,属性[[prototype]](也叫__prototype__)指向Function.prototype。
而Function.prototype的[[prototype]]也指向Object.prototype。(2014-07-01补充)
二、自定义构造函数后,其prototype对象,必须包含
1,属性constructor,这是谁的原型,是指向prototype属性所在的函数的指针
2,继承自Object的属性和方法
原型里还有一个隐藏的[[prototype]]属性指针,指向Object的原型对象(Object.prototype)。而Object.prototype的[[prototype]]则是null,因为它已经是原型链的最顶层。
3,自定义的属性和方法
三、对于一个对象,必须包含:
1,属性[[prototype]],指向原型对象的指针
换句话说,对象与构造函数没有直接的关系
对象也即实例,他拥有实例属性、方法,也拥有原型属性、方法。
对象的实例属性、方法是自己的。与他人不共享的。
对象的原型属性、方法是共享的。与他人共用一份,原因在对象仅仅有一个属性[[prototype]],指向原型对象(里面有属性、方法)
hasOwnProperty("name");//只有实例属性中存在才返回TRUE
alert("name" in p1); //不管name是实例属性,还是原型属性,都返回TRUE
三者之间的关系(包括与Function、Object的关系)
批注:没涉及到继承
function Foo(y){
this.y = y;
}
Foo.prototype.x = 10;
Foo.prototype.calculate = function(z){
return this.x + this.y + z;
}
var b = new Foo(20);
var c = new Foo(30);
b.calculate(30);//60
c.calculate(40);//80
关于重写对象原型的问题:
function Person(){}
var friend = new Person();
Person.prototype = {
name:"Nicholas",
age:29,
job:"Software Engineer",
sayName:function(){
alert(this.name);
}
};
friend.sayName();//error
结论:重写原型对象切断了现有原型与
任何之前已存在的对象实例之间的联系,它们引用的仍然是最初的原型
如果您觉得本文的内容对您的学习有所帮助,您可以微信: