上述的图反映了对象以及函数在原型链中的关系，如果你觉的上边的这张图看懵逼了，没关系，我刚开始学习原型链的时候，根本不知道上边这是什么“清明上河图”，小鹿下面通过一步步的拆分讲解，看这张图就非常简单，没错，非常简单。

我们文章的开头也说了什么是原型对象，说白了就是构造函数的一个 prototype属性，这个属性就指向原型对象。

其实我们其中一些连接属性没有讲到，只讲到了prototype属性，下面一张图来将剩下的属性补充完整，我们只要把这张图印到大脑中就可以了。

我们来分析一下上图，首先我们先要声明一个狗的构造函数，定义其名字和体重属性(私有属性),同时每个构造函数我们上边讲到了，都会有一个prototype属性。

这个prototype指向的就是原型对象，原型对象放的就是对象共享的属性。但是注意，原型对象里有一个constructor属性，这个属性又指回了构造函数。

我们通过 new 构造函数生成两个狗的对象实例，一个叫豆豆，一个叫贝贝，这两个是两个不同的对象，名字体重都不相同，但是他们会共享原型对象上的属性 type，它们共有的属性都是犬类。

在 JS 所有对象中，只要是对象，都会有一个内置属性叫做_proto_，而且这个属性是系统自动生成的，只要你创建一个对象，这个对象就有这个属性。这个_proto_属性指向的是原型对象。

通过上边的分布讲解，我们明白了构造函数与对象实例以及原型对象的关系。

总结为一句话为：

构造函数的 prototype 指向原型对象，原型对象有一个 constructor 属性指回构造函数，每个构造函数生成的实例对象都有一个 _proto_ 属性，这个属性指向原型对象。

没错，原型就是这么简单。但是你会发现，原型也是对象呀，你说只要是对象都会有一个_proto_属性指向自身构造函数的原型对象。

没错，要想知道原型对象的_proto_属性指向谁，就要知道是哪个构造函数创建了原型对象"text-align: center">

但是上图中会有一个疑问，Object 构造函数原型对象的也是对象，它肯定也有一个_proto_属性，为什么会指向 null 呢"text-align: center">

第一张图分解，上边小鹿画的图的关系和这个一样的，仔细对比一下，很简单，第一张图就这么解决了。

我们继续向下分割，看第二张图。

第二张图怎么还是那么眼熟呢，这不是小鹿上边分析的 Object 的关系图吗"text-align: center">

第三张图，稍微绕个弯子，但是换汤不换药呀，听小鹿分析来。

看着还是眼熟，只不过把function换成了Function，f 变成了大写的 F，这里涉及到一个知识点就是，在 JS 中，所有的 function函数都是由Function继承来的，可以说是Function是所有 function的祖宗。

那Function是由谁生产来的?我们看到图中的Function函数有_proto_属性了，而且属性指向自己的原型对象，那不就是自己繁衍自己吗?可以这么理解。

小结

这里我们在纵观全图，总结几条定义你比对着图去找。

1、所有的实例的_proto_都指向该构造函数的原型对象(prototype)。

2、所有的函数(包括构造函数)是Function的实例，所以所有函数的 _proto_的都指向Function的原型对象。

3、所有的原型对象(包括 Function的原型对象)都是Object的实例，所以_proto_都指向 Object(构造函数)的原型对象。而 Object构造函数的 _proto_指向 null。

4、Function构造函数本身就是 Function 的实例，所以_proto_指向Function的原型对象。

全篇文章的精华都在最后的总结部分，前边的所有分解讲解是为了让你理解这些函数对象以及原型对象之间的关系，这关系都是固定的，谁指向谁，都是写死额，只要你记住了他们的关系，这张图就理解的差不多了，能够理解完这张图，你的原型和原型链已经了解的很扎实了，但是还需要做一些面试题巩固一下。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。