JavaScript中的原型prototype和__proto__的区别及原型链概念

问题

初学js的同学，总是搞不清楚js中的原型是什么东西，看着控制台打印出来的一串串__proto__，迷惑不已。

例如我定义一个Person，创建一个实例p，并打印实例。

function Person(){}
var p = new Person();
console.log(p)

图中，打印出来一个Person的实例对象p，
这个对象有个__proto__ 属性，这个是什么东西？
__proto__属性下又有constructor属性和__proto__属性。
constructor是什么，为什么打印结果是 Person()？
另外一个__proto__是什么？

为了解答上边的问题，我们需要了解一些相关概念。

一、原型

prototype

首先，说明一下，JS中，万物皆对象。

每个函数对象都有一个属性prototype(函数对象特有属性)，这个属性是一个引用，指向一个对象，这个对象的作用就是包含所有实例共享的属性和方法。我们把这个对象就叫做原型对象，也叫显式