JavaScript 面试要点： 原型链
JavaScript 面试要点： 原型链
# 构造函数创建对象
使用构造函数创建一个对象：
function Person () {
}
var person = new Person();
person.name = 'Cell';
console.log(person.name); // Cell# prototype
每个函数都有一个 prototype 属性：
function Person () {
}
Person.prototype.name = 'Cell';
var p1 = new Person();
var p2 = new Person();
console.log(p1.name); // Cell
console.log(p2.name); // Cell
函数的 prototype 属性指向了一个对象，这个对象是调用该构造函数而创建的实例的原型，也就是上面的 p1 和 p2 的原型。
那原型有是什么呢？
可以这么理解：每个 JavaScript 对象（null 除外）在创建的时候就会关联另一个对象，这个对象就是它的原型，每一个对象都会从原型中“继承”一些属性和方法。
继承意味着复制操作，然而 JavaScript 默认并不会复制对象的属性，相反，JavaScript 只是在两个对象之间创建一个关联，这样，一个对象就可以通过委托访问另一个对象的属性和函数，所以与其叫继承，委托的说法反而更准确些。
————《你不知道的 JavaScript》
可以用下图表示构造函数和实例原型之间的关系：
# proto
每个 JavaScript 对象（除了 null）都具有一个 __proto__ 属性，这个属性指向该对象的原型。
function Person () {
}
var person = new Person();
console.log(person.__proto__ === Person.prototype); // true
实例对象和构造函数都可以指向原型，他们之间的关系图如下：
绝大部分浏览器都支持 __proto__ 这个非标准的方法访问原型，然而它并不存在于 Person.prototype 中，实际上，它是来自于 Object.prototype ，与其说是一个属性，不如说是一个 getter/setter，当使用 obj.__proto__ 时，可以理解成返回了 Object.getPrototypeOf(obj)。
# constructor
虽然实例对象和构造函数都可以原型，但是原型只能指向构造函数，不能指向实例对象，因为实例对可以有很多。
每个原型都有一个 constructor 属性，指向关联的构造函数：
function Person () {
}
console.log(Person.prototype.constructor === Person); // true
按照目前的分析，可以推出:
function Person () {
}
var person = new Person();
console.log(person.__proto__ === Person.prototype); // true
console.log(Person.prototype.constructor === Person); // true
# 实例对象的 constructor 属性
function Person () {
}
var person = new Person();
console.log(person.constructor === Person); // true
在获取 person.constructor 时，其实 person 自己本身没有 constructor 属性，当读不到时，会沿着原型链继续往上找，在 Person.prototype 中找到了 constructor 属性，所以返回的是 Person。
person.constructor === Person.prototype.constructor; // true
# Object.getPrototypeOf()
Object.getPrototypeOf() (opens new window) 方法返回指定对象的原型（内部[[Prototype]]属性的值）。
function Person () {
}
var person = new Person();
console.log(Object.getPrototypeOf(Person) === Function.prototype); // true
console.log(Object.getPrototypeOf(Person) === Object.prototype); // false
console.log(Object.getPrototypeOf(person) === Person.prototype); // true
# 实例与原型
在获取实例属性的时候，如果找不到，会继续寻找和对象关联的原型中的属性，如果依然找不到，就去找原型的原型，一直到最顶部的 null 为止。
function Person () {
}
Person.prototype.name = 'Cell';
var person = new Person();
person.name = 'Cellinlab';
console.log(person.name); // Cellinlab
delete person.name;
console.log(person.name); // Cell
# 原型的原型
原型也是一个对象，既然是对象，就可以用最原始的方式创建它，那就是：
var obj = new Object();
obj.name = 'Cellinlab';
console.log(obj.name); // Cellinlab
原型本质上就是通过 Object 构造函数生成的，综合前面的分析，实例的 __proto__ 指向构造函数的 prototype，可以推出：
# 原型链
Object.prototype 的原型是什么？是 null!
console.log(Object.prototype.__proto__ === null); // true
那 null 又是什么？
null表示“没有对象”，即该处不应该有值。
也就是说，Object.prototype.__proto__ 的值为 null 和 Object.prototype 没有原型，其实表达了一个意思。所以，在查找属性时，查到 Object.prototype 就可以停止查找了。
上图中由相互关联的原型组成的链状结构（有色线）即原型链。