js __proto__、prototype 、constructor 三者关系总结

一 __proto__属性：

__proto__ ，怎么读？ 杠杠？proto？杠杠？

__proto__ 读作“dunder proto”，“double underscore proto”的缩写。并且它前后两边 分别是 两个 “_”(下划线)。

 

由__proto__属性来连接对象，直到null，就是所谓的“原型链”。原型链概念时必须了解的 。

 

对象的__proto__链接到最后两个节点应该是 ：  前面N层->Object.prototype->null 。 也就是说 Object.prototyp.__proto__ === null。

 

二 prototype 属性：

prototype属性在函数创建的时候已经生成，它是函数实例化的对象。说白了也就是未来用当前函数new出来的对象会指向 当前函数的 prototype。

另外 fn.prototype.constructor === fn ，虽然下面才说constructor，但是这个一定要记住。

 

三  constructor属性：

 

只有prototype对象才会拥有constructor属性，constructor属性指向对象的构造函数。

如果一个对象没有prototype的话，那么寻找他的__proto__  ……

fn.prototype.constructor === fn  ，这里再重复一次。

 

 

总结：

对象包含：__proto__、constructor

函数包含：__proto__、constructor和prototype

我们需要牢记两点：①__proto__和constructor属性是对象所独有的；② prototype属性是函数所独有的，因为函数也是一种对象，所以函数也拥有__proto__和constructor属性。

 

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

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

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

 

**************************************************************

__proto__最终指向null，constructor最终指向Function。

 

**************************************************************