一张图理解JS的原型（prototype、_proto_、constructor的三角关系）

注意：前方高能预警，请认真仔细看完，阅读完后自己再次画下原型图，相信你一定会有更深刻的认识。(推荐炒鸡好用的画流程图的软件ProcessOn)

构造函数：function Foo ( ) { };

实例对象：let f1=new Foo;

                 let o1=new Foo;

每个函数都有 prototype 属性，除了 Function.prototype.bind()，该属性指向原型。

每个对象都有 __proto__ 属性，指向了创建该对象的构造函数的原型。其实这个属性指向了 [[prototype]]，但是 [[prototype]] 是内部属性，我们并不能访问到，所以使用 _proto_ 来访问。

对象可以通过 __proto__ 来寻找不属于该对象的属性，__proto__ 将对象连接起来组成了原型链。

下面我们来解释上图的原型图的含义：

概念：

1、构造函数：用来初始化新创建的对象的函数是构造函数。在例子中，Foo()函数是构造函数。

2、实例对象：通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数，构造多个实例对象。

function Foo(){};
var f1 = new Foo;
var f2 = new Foo;
console.log(f1 === f2);//false

3、原型对象及