解读JavaScript原型链

什么是原型链？

说原型链之前，我们先来谈谈JS中的对象。JS中所有对象都是Object的实例，并且继承Object.prototype的属性和方法，也就是说，Object.prototype是所有对象的爸爸。

下面再介绍一下prototype，__proto__，constructor三者的概念：

• prototype：函数在被定义的时候，就拥有一个prototype对象。
• __proto__：定义普通的对象的时候，会生成一个 __proto__，这个 __proto__指向的就是这个对象的构造函数的prototype。
• constructor：这个属性指向函数本身，也就是指向了自己的构造函数（prototype中的）。

了解上面的概念后，我这里举个例子：

var A = function(a) { 
	this.a = a;
}
var result = new A();

假如result对象想调用toString()方法，而对象result本身并没有toString()方法，那result就会沿着它的 __proto__ 向它的构造函数A的 prototype 对象去找这个toString()方法，而在A.prototype中也没有，那就继续沿着 A.prototype. __proto__ 向上找。而 A.prototype. __proto__ 指向的就是 Object.prototype 这个所有对象的爸爸！ 。于是在这里找到了toString()方法。

上诉过程就是原型链查找。

所以，什么是原型链？

答：在原型链查找过程中的这一层一层的链接关系就是 原型链。

---

[拓展]：

如果还没有理解原型链，我这里再解释一下：

• 由于__proto__是任何对象都有的属性，而JS里万物皆对象，所以会形成一条__proto__连接起来的链条，递归访问__proto__必须最终到头，并且值是null。
• 当JS引擎查找对象的属性时，先查找对象本身是否存在该属性，如果不存在，会在原型链上查找，但不会查找自身的prototype。

再举个栗子：

var A = function(){};
var a = new A();

一条__proto__连接起来的链条，递归访问__proto__必须最终到头，最终指向null。

---

在JS中，原型是用来实现继承的！在JS中，所有使用同一个构造函数生成的实例对象，都共享该构造函数的原型对象。（prototype）