JavaScript里的__proto__和prototype

一. __proto__属性

新建一个对象，并尝试添加__proto__属性

这时，发现__proto__属性并不是11，而是Object

那么将11改为一个对象行不行呢？

最后发现有以下结果：

也就是说__proto__属性决定了对象的类型（这里也反映出function，array，null都是object）

那如果a只是一个字符串呢？

经过测试，字符串依然是字符串，没有发生任何变化。

二. prototype

依然是上面那个对象，把__proto__改为prototype，结果当然是添加一个普通的prototype属性

现在，把a换成函数试试，发现a还是a，并且控制台输出的是函数体，没有得到有用信息

现在，令b = new a（）

打印结果：

结果是a {}，这个a是不是与前面定义__proto__的时候有些相似呢？

为了看的更清楚，将函数a更名为函数theName

再次打印结果：

到这里，想到前面__proto__等于function时，给function命名会如何？结果没变化

下面，instanceof判断一下

结果是true

回到prototype上来

刚才打印结果：

注意到__proto__属性中有一个c:123，这不就是prototype添加的属性吗？

将constructor展开

constructor是一个函数，函数名叫做theName，prototype属性是一个对象，对象中有c：123

这下似乎有点疑问，__proto__和prototype好像是同一个东西？

把prototype换成__proto__试试

打印结果发现，哇！完全一样！！！

并且prototype对象中也多出来一个c：123属性

那么前面修改__proto__的时候，也能添加一个属性吗？

打印有些长

但是确实在prototype中添加了一个属性c

也就是说在对象上修改__proto__等同于在构造函数上修改prototype？

三. 更改prototype整体

此时，不再使用b.prototype.c，而是使用b.prototype

此时，发现b的__proto__属性中已经不存在constructor属性了

展开__proto__，得到Object对象

四. 总结

每个对象都有一个__proto__属性

每个函数都有一个prototype属性

每个构造函数都有一个原型对象（prototype），原型对象都包含一个指向构造函数的指针（constructor），而实例包含一个指向原型对象的内部指针（__proto__）

b.__proto__ === b.__proto__.constructor.prototype

对象的__proto__属性指向该对象的构造函数的prototype属性

构造函数内prototype属性内的constructor会指向构造函数本身，体现在控制台就是能无限展开下去

通过instanceof可以判断类型，而constructor不能