function Person(){} Person.prototype.name = 'mychirs'; Person.prototype.age = 29; Person.prototype.job = 'Software Engineer'; Person.prototype.sayName = function(){ alert(this.name); }; var person1 = new Person(); person1.sayName();//'mychirs' var person2 = new Person(); person2.sayName();//'mychirs' alert(person1.sayName == person2.sayName);//true
在此,我们将sayName()方法和所有属性直接添加到了Person的prototype属性中,构造函数变成了空函数。即使如此,也仍然可以通过调用构造函数来创建新对象,而且新对象还会具有相同的属性和方法。但与构造函数模式不同的是,新对象的这些属性和方法是由所有实例共享的。换句话说.personl和person2访问的都是同一组属性和同一个sayName()函数。要理解原型模式的T作原理,必须先理解ECMAScript巾原型对象的性质。
理解原型对象
无论什么时候,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。在默认情况下,所有原型对象都会自动获得一个constructor(构造函数)属性,这个属性包含一个指向prot otype属性所在函数的指针。就拿前面的例子来说,Person.prototype. constructor措向Person。而通过这个构造函数,我们还可继续为原型对象添加其他属性和方法。
创建了自定义的构造函数之后,其原型对象默认只会取得constructor属性;至于其他方法,则都是从Obj ect继承而来的。当调用构造函数创建一个新实例后,该实例的内部将包含—个指针(内部属性),指向构造函数的原型对象。ECMA-262第5版中管这个指针叫[[Prototype】]。虽然在脚本中没有标准的方式访问【[ Prototype]],但Firefox、Safari和Chrome在每个对象上都支持一个属性—proto_;而在其他实现中,这个属性对脚本则是完全不可见的。不过,要明确的真正重要的一点就是,这个连接存在于实例与构造函数的原型对象之间,而不是存在于实例与构造函数之间。
以前面使用Person构造函数和Person.prototype创建实例的代码为例,图6-1展示了各个对象之间的关系。
上图展示rr Person构造函数、Person的原型属性以及Person现有的两个实例之间的关系。在此,Person *prototype指向了原型对象,而Person.prototype.constructor叉指回了Person。原型对象中除了包含cons t,ruct or属性之外,还包括后来添加的其他属性。Person的每个实例personl和person2都包含一个内部属性,该属性仅仅指向了Person.prot otype;换句话说,它们与构造函数没有直接的关系。此外,要格外注意的是,虽然这两个实例都不包含属性和方法,但我们却可以调用personl.sayName()。这是通过查找对象属性的过程来实现的。
虽然在所有实现中都无法访问到[[Prototype]:,但可以通过isProcotypeOf()方法来确定对象之间是否存在这种关系。从本质上讲,如果[[ Prototype]]指向调用isPrototypeOf()方法的对象[Person.prototype).那么这个方法就返回true,如下所示:
alert(Person.prototype.isPrototypeOf(personl)); //true alert(Person.prototype.isPrototypeOf(person2)); //true
ECMAScript 5增加了一个新方法,叫Object.getPrototypeOf(),在所有支持的实现中,这个方法返回[[PrototypeJ]]的值。例如:
alert(Object.get PrototypeOf(personl) == Person.prototype); //true alert(Object.get PrototypeOf(personl).name ); //'Nicholas'
原文:http://blog.csdn.net/mychirs/article/details/39929841