JavaScript 原型链学习（一）原型对象

在JavaScript中建立的每一个函数都有一个prototype（原型）属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含能够由特定类型的全部的实例共享的属性和方法。若是按照字面意思来理解，那么prototype就是经过调用构造函数而建立那个实例的原型对象。使用原型对象的好处是可让全部对象实例共享它所包含的属性和方法。换句话说，没必要在构造函数中定义对象实例的信息，而是能够将这些信息直接添加到原型对象中，以下例所示：

function Person(){}

Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
  alert(this,name);
};

var person1 = new Person();
person1.sayName();     // "Nicholas"

var person2 = new Person();
person2.sayName();     // "Nicholas"

alert(person1.sayName == person2.sayName);    //true

本例中将sayName()方法和全部属性直接添加到了Person的prototype属性中，构造函数变成了空函数。即便如此，也仍然能够经过调用构造函数来建立新对象，并且新对象还会具备相同的属性和方法，同时这些属性和方法是由全部实例共享的。换句话说，person1和person2访问的都是同一组属性和同一个sayName()函数。

原型对象的性质

不管何时，只要建立了一个新函数，就会根据一组特定的规则为该函数建立一个 prototype 属性，这个属性指向函数的原型对象。在默认状况下，全部原型对象都会自动得到一个 constructor(构造函数)属性，这个属性是一个指向prototype 属性所在函数的指针。就拿前面的例子来讲，Person.prototype.constructor指向Person。而经过这个构造函数，咱们还可继续为原型对象添加其余属性和方法。

建立了自定义的构造函数以后，其原型对象默认只会取得constructor属性；至于其余方法，则都是从Object继承而来的。当调用构造函数建立一个新实例后， 该实例的内部将包含一个指针 (内部属性)指向构造函数的原型对象。ECMA-262第5版中管这个指针叫[[Prototype]]。虽然在脚本中没有标准的方式访问 [[Prototype]] 但Firefox、Safari 和Chome在每一个对象上都支持一个属性 __proto__ ；而在其余实现中，这个属性对脚本则是彻底不可见的。不过，要明确的真正重要的一点就是，这个链接存在于实例与构造函数的原型对象之间，而不是存在于实例与构造函数之间。

用上例中使用的 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.prototype.isPrototypeOf(person1));  / /true
alert(Person.prototype.isPrototypeOf(person2));  / /true

这里，用原型对象的isPrototypeOf()方法测试了person1  和person2。 由于它们内部都有一个指向Person.prototype的指针，所以都返回了true。

每当代码读取某个对象的某个属性时，都会执行一次搜索，目标是具备给定名字的属性。搜索首先从对象实例自己开始。若是在实例中找到了具备给定名字的属性，则返回该属性的值；若是没有找到，则继续搜索指针指向的原型对象，在原型对象中查找具备给定名字的属性。若是在原型对象中找到了这个属性，则返回该属性的值。也就是说，在咱们调用person1.sayName()的时候，会前后执行两次搜索。首先，解析器会问：“实例person1有sayName属性吗?” 答：“没有。” 而后，它继续搜索，再问：“person1 的原型有sayName属性吗?” 答：“有。” 因而，它就读取那个保存在原型对象中的函数。当咱们调用person2.sayName()时，将会重现相同的搜索过程，获得相同的结果。而这正是多个对象实例共享原型所保存的属性和方法的基本原理。

虽然能够经过对象实例访问保存在原型中的值，但却不能经过对象实例重写原型中的值。若是咱们在实例中添加了一个属性，而该属性与实例原型中的一个属性同名，那咱们就在实例中建立该属性，该属性将会屏蔽原型中的那个属性。