Javascript之创建对象(原型模式)分析报告.docVIP

Javascript之创建对象（原型模式） 我们创建的每个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，它的用途是包含可以有特定类型的所有实例共享的属性和方法。 ? ??prototype就是通过构造函数而创建的那个对象的原型对象。使用原型的好处就是可以让所有对象实例共享它所包含的属性和方法 。 function Person() { } Person.prototype.name = zxj; Person.prototype.age = 29; Person.prototype.job = Software Engineer; Person.prototype.sayName = function () { alert(this.name); } var person1 = new Person(); person1.sayName(); //zxj var person2 = new Person(); person2.sayName(); //zxj 1、理解原型对象 ? ? 无论什么时候，只要创建了一个新函数，ECMAScript就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象。在默认情况下，所有原型对象都会自动获得一个constructor（构造函数）属性，这个属性包含一个指向prototype属性所在函数的指针。就拿前面的例子，Person.prototype.constructor指向Person。而通过这个构造函数，我们还可以继续为原型对象添加其他属性和方法。 ? ? 创建了自定义指针之后，其原型对象默认只会取得constructor属性；至于其它方法，都会从Object对象继承而来。当调用构造函数创建一个新实例之后，该实例的内部将包括一个指针（内部属性），指向构造函数的原型对象。ECMA-262第5版中管这个叫[[Prototype]]。 ? ? 要明确一点的就是，这个连接存在于实例和构造函数的原型对象之间，而不是存在于实例和构造函数之间。 ? ? 以前面使用的Person构造函数和Person.prototype创建实例的代码为例，如下图： ? ? 上图展示了Person构造函数、Person的原型属性以及Person现有的两个实例之间的关系。在此，Person.prototype指向了原型对象，而Person.prototype.constructor又指回了Person。原型对象中除了包含constructor属性之外，还包括后来添加的其他属性。Person的每一个实例——person1和person2都包含一个内部属性，该属性仅仅指向Person.prototype。换句话说，它们与构造函数没有直接的联系。此外，要格外注意的是，虽然这两个实例都不包含属性和方法，但我们却可以调用person1.sayName()。这是通过查找对象属性的过程来实现的。 ? ? 虽然我们无法访问到[[Prototype]]，但可以通过isPrototypeOf()方法来确定对象之间是否存在这种关系。从本质上讲，如果[[Prototype]]指向调用isPrototypeOf()方法的对象（Person.prototype）,那么这个方法就会返回true。 alert(Person.prorotype.isPrototypeOf(person1)); //true alert(Person.prorotype.isPrototypeOf(person2)); //true 每当代码要读取某个对象的属性时，都会进行一次搜索，搜索目标是具有给定名称的属性。搜索当然先从对象实例的本身开始，如果找到了，就可以返回该值了；如果找不到，则会去指针所指向的原型对象中去查找，在原型对象中找到了，就可以顺利返回该值。而这正是多个对象实例共享原型所保存的属性和方法的基本原理。 ? ??虽然可以通过对象实例访问到保存在原型中的值，但不能通过对象实例重写原型中的值。根据查找原理，如果找到了实例中的值，就不会再去查找原型对象中的值。，代码如下所示： function Person() { } Person.prototype.name = zxj; Person.prototype.age = 29; Person.prototype.job = Software Engineer; Person.sayName = function () { alert(this.name); } var person1 = new Person(); var person2 = new Person(); person1.name = Greg; aler