原型链是什么？关于原型链中constructor、prototype及__proto__之间关系的认识

首先，咱们暂且把object类型和function类型分开来，由于 function是一个特殊的对象类型，咱们这里这是便于区分，把function类型单独拿出来。顺便一提，typeof也是单独把function设为一种类型，咱们能够用typeof来验证咱们的猜测。

从上图中能够看到，全部的橘色箭头(constructor)都指向function Function(){}，全部的黑色箭头(__proto__)开始有两条路能够走，可是最后都汇聚在了一块儿，指向null。而天蓝色箭头(prototype)不具备连续性，通常都是一个function指向一个object。而后咱们能够得出如下结论:

1. 全部对象的构造函数(constructor)最终指向function Function( ){ }这个函数，包括他本身。ps:为了方便，咱们称它为母Function。

2. 全部对象的__proto__最终指向null，即一切原型链的末端就是null。

3. 所谓的一切源于对象，这里的”对象”指的是Object{}(红色虚线框内，也就是Object的prototype)。ps:为了方便，咱们在这里叫它母Object。

4. 除了Object的原型(prototype)直接指向母Object，其余全部类型的(构造器的)原型(prototype)都先指向一个由母Object派生出来的一个子Object，再指向母Object，Function的原型为function{}。ps:构造器，即构造函数。

5. 哲学部分:这幅图包含两个”先有鸡仍是先有蛋”的问题:

   • function(){}是由母Function构造的，但它同时又是母Function的原型。。

   • function(){}的隐式原型(__proto__)是母Object，母Object是由构造函数 function Object(){}构造的，但函数function Object(){}的隐式原型又是function (){}。。。。
     固然除了”先有鸡仍是先有蛋”，原型链中还有一个最最有哲理的问题:

   • 构造函数function Function(){}的构造函数就是他本身，就是说，他本身把本身生下来了。。。。。 = =

6. 至于为何function(){}有俩个框框，实际上是由于它是原型中最特殊的。它是原型中惟一一个的function类型的，其余的原型都是object类型。多是考虑到它也是由构造函数Function生成的吧，因此typeof返回的值也是function。

咱们再来讲一下可能你们都很疑惑的问题，就是原型(prototype)和隐式原型(__proto__)的区别。

我说一下个人看法。相对于”原型”，我以为”__proto__”更适合叫作父对象，由于在原型链中，负责链接各个对象的，就是”__proto__”。也就是说，我改写对象的”prototype”，并不会影响对象在原型链中的位置，想脱离或者改变原型链，只能是改写”__proto__”。

在原型链中，对象和它的”__proto__”指向的对象的关系，更像是别的语言中的子类和父类。子类会继承父类的方法和属性，并且会和父类保持同样的类型。

通常来讲，”__proto__”都是指向某一个对象的”prototype”属性，因此对象会继承的也就是其父对象”prototype”中的属性和方法，可是并不会继承其父对象自身的属性方法。说的可能有点绕，咱们举个栗子：

//以Object为原型建立一个对象，obj。
var obj=new Object
/*这句话能够翻译为:
var obj={}
obj.__proto__=Object.prototype
*/

这个时候，obj的”__proto__”指向的是Object.prototype，因此obj的父对象是Object.prototype，obj会继承Object.prototype中的属性方法，可是并不会继承Object中的属性和方法。这时候咱们用obj.toString()是能够的，可是用obj.length就会报错。这是由于toString()是写在Object.prototype里面的，而length是写在Object里面的。
在学习运算符的时候，相比不少初学者也会有和我同样的疑问，为何instanceof向上查找会在prototype里查找，而不在”父对象”中查找。理解我上面所说，你们相比也会明白了吧。就拿上面的例子来讲，其实Object只是obj的构造器，构造函数而已，obj真正的父对象是Object.prototype。
那讲到这里有的小伙伴就会有疑问了，那我要是想继承Object里面的属性怎么办?其实也很简单，设置obj的”__proto__”指向Object就能够了。不过有一点，”__proto__”属性毕竟是底杠开头，是官方不想暴露在外面的属性，能不用的时候最好不要用。其实就算不用”__proto__”也是能够达到想要的效果的。Object里面有一个能够建立对象的方法create，用它咱们能够轻松达到咱们的要求。举个栗子：

//以Object为原型建立一个对象，obj。
var obj= Object.create(Object)
/*这句话能够翻译为:
var obj={}
obj.__proto__=Object
再说一下create的用法:
Object.create(prototype,[{code}]);//返回一个对象
能够看到，这里有两个参数，第一个参数prototype至关于建立对象的__proto__，值得话随便一个对象就能够了，第二个参数能够不填，里面详细写建立对象的一些属性和他们的属性标签。注意，create建立的是一个对象，和new同样，不管以什么为父对象，返回值都是object。
*/

再来讲说prototype，经过上图你们会发现，prototype属性只是一个函数和一个对象之间的一个桥梁，在这里为何要说是桥梁呢，为何不说是函数的一个属性呢？我曾写过一个例子：

function fa(){}
fa.prototype.fname=’fa’
var ch=new fa()
ch.fname        //’fa’
fa.prototype={fname:’newfa’} //改写prototype
ch.fname        //依旧是’fa’,
ch.hasOwnProporty(‘fname’)    //false
ch.__proto__==fa.prototype    //false

经过上述代码你们能够看出来了吧，ch继承fa时只是让ch.__proto__指向了fa.prototype指向的地址，而不是指向fa.prototype。因此就致使了改写fa.prototype并不会影响ch.fname的值。改写后ch.__proto__不等于fa.prototype了，也就是说ch和fa已经半毛钱关系都没有了。基本上到这里，你们都会对原型链有必定的认识了，至于对象中的特殊存在——function,你们能够本身去探索一下。以上都是本身对于JS中原型链的认识，若有错误欢迎你们指正~ps:sf的编排好难用 ！