JS深入理解构造函数、原型以及原型链

例子：

function Foo() {...};

let f1 = new Foo();

关系链

①__proto__和constructor属性是对象所独有的；

② prototype属性是函数所独有的。但是由于JS中函数也是一种对象，所以函数也拥有 __proto__和constructor属性。

__proto__属性

__proto__

__proto__属性都是由一个对象指向一个对象，即指向它们的原型对象。

通过__proto__属性来连接对象直到null的一条链即为我们所谓的原型链

prototype属性

prototype

prototype属性，它是函数所独有的，它是从一个函数指向一个对象。它的含义是函数的原型对象，也就是这个函数（其实所有函数都可以作为构造函数）所创建的实例的原型对象。

constrtor属性

constructor

constructor属性也是对象才拥有的(继承而来，本身只存在原型对象中)，它是从一个对象指向一个函数，含义就是指向该对象的构造函数，每个对象都有构造函数（本身拥有或继承而来，继承而来的要结合__proto__属性查看会更清楚点，如下图所示），从上图中可以看出Function这个对象比较特殊，它的构造函数就是它自己（因为Function可以看成是一个函数，也可以是一个对象），所有函数和对象最终都是由Function构造函数得来，所以constructor属性的终点就是Function这个函数。

关系链

总结

一、

①__proto__和constructor属性是对象所独有的；

② prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。

二、

__proto__属性的作用就是当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的__proto__属性所指向的那个对象（父对象）里找，一直找，直到__proto__属性的终点null，再往上找就相当于在null上取值，会报错。通过__proto__属性将对象连接起来的这条链路即我们所谓的原型链。

三、

prototype属性的作用就是让该函数所实例化的对象们都可以找到公用的属性和方法，即f1.__proto__ === Foo.prototype

四、

constructor属性的含义就是指向该对象的构造函数，所有函数（此时看成对象了）最终的构造函数都指向Function

五、

__proto__属性都是由一个对象指向一个对象（即指向它们的原型对象）

construtor属性的含义就是指向该对象的构造函数

prototype属性是函数所独有的。