fn.[[Prototype]].[[Prototype]].__proto__ 为什么是 Fn.prototype ？

Question

最近在学习原型和原型链。在控制台里，我遇到了一些不解的现象，代码如图

对于这个__proto__有些看不明白，为什么不是null，而是Fn的prototype。
而我打印 fn.__proto__.__proto__.__proto__ 的结果是我预想的 null。

Answer 1

这个跟展示的方法有关。因为 __proto__ 不是一个普通的属性，而是一个定义在 Object.prototype 上的 accessor property/属性访问器 。（你可以在 __proto__ 下面看到 get __proto__ , set __proto__)

所以 __proto__ 并没有出现在每一层 prototype 里，而只出现在了它所定义的位置(Object.prototype.__proto__)，而它的值展示的是它在原始对象（也就是 Fn）上的计算结果，也就是 Fn.prototype 。

而 [[Prototype]] 是真正的原型对象。但是 Object.prototype.[[Prototype]] 是 null ，于是在结果中并没有展示。

---

[[Prototype]] 也不是普通的属性，而是一个 internel slot 。它在调试器里的展示策略可能跟普通的属性也不一样。

Answer 2

fn是构造器Fn的一个实例，故fn的原型指向Fn.prototype即Object.getPrototypeOf(fn) === Fn.prototype，在getPrototypeOf这个标准API出来之前浏览器通过__proto__这样一个属性来访问对象的原型，所以fn.__proto__ === Fn.prototype；

Fn.prototype是一个对象，所以你可以Fn.prototype.sayHello = function(){},对象的构造器就是Object，通常定义一个对象都是使用字面量{prop: 'value'}但是其实对象也是可以通过构造器new出来的，即new Object(),所以对象的原型({}).__proto__ === Object.prototype；

fn.__proto__.__proto__.__proto__翻译就是fn的原型的原型的原型，也就是网上找三次构造器的prototype:
1.fn的原型是Fn.prototype;
2.Fn.prototype的原型是Object.prototype;
3.Object.prototype的原型是null