什么是原型链？超详细讲解

大家都知道，JavaScript是面向对象的，

首先，先看一个截图，我们可以看到，声明了一个空对象test，在没有对这个对象进行任何操作的时候，我们发现，这个对象已经有了很多的属性和方法。

为什么会有这么多默认属性呢？下面我们通过console.dir来打印一下看看这个test对象，发现 test 有一个默认的属性_proto_， 恰好这个_proto_对象里的属性，和test的默认属性是一样的。

这个时候，大家就知道了，空对象 test 会有很多默认属性其实是跟_proto_有关系的。

从上面的两张截图中，我们就可以知道，test.valueOf被读取的时候，是连着_proto_链子一直走的，而这个由_proto_组成的链子，就被称作原型链。

• 举例：test对象首先看对象本身上有没有valueOf属性，没有的话找test._proto_对象里有没有valueOf属性，如果没有，接着找test._proto_._proto_里有没有，直到找到valueOf或者_proto_属性null的时候结束。

这个时候，大家再看一下比较官方的概念，多读几遍，就很容易读懂了。

JavaScript是面向对象的，每个实例对象都有一个__proto__属性，该属性指向它的原型对象。当一个对象在查找一个属性的时候，自身没有就会根据__proto__向它的原型进行查找，如果都没有，则向它的原型的原型继续查找，直到查到Object.prototype.proto_为null,这样也就形成了原型链。

补充：

原型对象和实例之间有什么作用呢？

function aa (name) { 
    this.name = name; 
}

var bb = new aa('测试1'); // bb.name = 测试1
var cc = new aa('测试2'); // cc.name = 测试2

从上面可以看出，在实例的原型上添加一个方法，这个原型的所有实例便都有了这个方法。

以下可以通过自己打印aa、bb、cc去印证，参考：可点击

• bb和cc都是实例，aa就是构造函数
• 实例通过new一个构造函数生成的
• 实例的proto指向的是原型对象
• 只有函数有prototype,对象是没有的
• 但是函数也是有proto的，因为函数也是对象。函数的proto指向的是Function.prototype。
• 实例的构造函数的prototype也是指向的原型对象