深入理解__proto__

更多内容，请访问：JavaScript-原型及原型链相关总结

__proto__属性（前后各两个下划线），用来读取或设置当前对象的原型（proto）。__proto__指向谁呢？通俗来说，proto__指向构造当前对象的构造函数的原型对象（prototype）。当然了，如果你设置了__proto，就是修改了当前对象的原型链。

目前，所有浏览器（包括 IE11）都部署了这个属性。该属性没有写入 ES6 的正文，而是写入了附录，原因是__proto__前后的双下划线，说明它本质上是一个内部属性，而不是一个正式的对外的 API，只是由于浏览器广泛支持，才被加入了 ES6。 标准明确规定，只有浏览器必须部署这个属性，其他运行环境不一定需要部署，而且新的代码最好认为这个属性是不存在的。因此，无论从语义的角度，还是从兼容性的角度，都不要使用这个属性，而是使用下面的Object.setPrototypeOf()（写操作）、Object.getPrototypeOf()（读操作）、Object.create()（生成操作）代替。

下面我会详细介绍该如何毫无压力的写成任何对象的原型链。
比如我们创建一个构造函数，之后new一个对象，我们以这个对象为例：

function A() {}
let a = new A();

a对象的原型链：

1. 构造a对象的构造函数是A，那么a.proto：

a.__proto__ === A.prototype

2. A.prototype.__proto呢？可能会有人回答是Function.prototype，A的构造函数不是Function嘛，那可以明确告诉你，A.prototype.__proto__不是指向Function.prototype，而是指向Object.prototype，为啥呢，因为A.prototype，而不是A，A的构造函数是Function，但是A.prototype可不是，它是一个对象，那它的构造函数是Object，所以：

A.prototype.__proto__ === Object.prototype

3. Object.prototype.__proto__呢？很显然指向null

Object.prototype.__proto__ === null

__proto__存在于每个对象中，而prototype只能存在于函数里，函数呢，又是特殊的对象，那么函数也是有__proto__的。那现在我们在以A这个构造函数，来了解其原型链，经过上面的分析，那A的原型链应该很简单了。

A.__proto__ === Function.prototype
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

A的原型链写完了，那接着写Function的原型链：

Function.__proto__ === Function.prototype
Function.prototype.__proto__ === Object.prototype
Object.prototype.__proto__ === null

Function的__proto__有点特别，因为它是指向Function.prototype，因为Function的构造函数就是Function。

如果我们将a的__proto__指向另一个对象b（let b = {}），而不是A.prototype了，那这个原型链该如何显示呢？如下所示：

a.__proto__ === b
b.__proto__ === Object.prototype
Object.prototype.__proto__ === null

如果想了解更多关于原型链知识，请进入JavaScript–原型链
这里面有关于__proto__、prototype、constructor、getPrototypeOf等介绍。