学习总结--JS中__proto__和prototype的关系以及原型链的理解

最近博主在学习原型以及原型链的相关内容，把高级程序设计里第六章看完之后，感觉还是挺好理解的，于是有些飘飘然，仿佛得到了全世界

但是最近的一道牛客面试题，让我半天摸不到头脑，于是深受打击的我开始痛定思痛，从网上搜索了相关内容，仔细研读了一番，这里将最近看到的相关知识点总结起来，以方便日后忘记了能够快速回顾。

首先，先插入一张经典图：


这张图清晰展示了构造函数，函数，对象，原型对象，以及__proto__隐式原型和prptotype显式原型的爱恨情仇，不过对于初学者来说，这张图看起来还是有一定难度的，所以需要下面你的一些只是来做铺垫：

首先，要明确几个点：
1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。

2.方法(Function)方法这个特殊的对象，除了和其他对象一样有上述_proto_属性之外，还有自己特有的属性——原型属性（prototype），这个属性是一个指针，指向一个对象，这个对象的用途就是包含所有实例共享的属性和方法（我们把这个对象叫做原型对象）。原型对象也有一个属性，叫做constructor，这个属性包含了一个指针，指回原构造函数。
好啦，知道了这两个基本点，我们来看看上面这副图。1.构造函数Foo()构造函数的原型属性Foo.prototype指向了原型对象，在原型对象里有共有的方法，所有构造函数声明的实例（这里是f1，f2）都可以共享这个方法。

3.原型对象Foo.prototypeFoo.prototype保存着实例共享的方法，有一个指针constructor指回构造函数。

4.实例f1和f2是Foo这个对象的两个实例，这两个对象也有属性__proto__，指向构造函数的原型对象，这样子就可以像上面1所说的访问原型对象的所有方法啦。
另外：构造函数Foo()除了是方法，也是对象啊，它也有__proto__属性，指向谁呢？指向它的构造函数的原型对象呗。函数的构造函数不就是Function嘛，因此这里的__proto__指向了Function.prototype。其实除了Foo()，Function(), Object()也是一样的道理。原型对象也是对象啊，它的__proto__属性，又指向谁呢？同理，指向它的构造函数的原型对象呗。这里是Object.prototype.最后，Object.prototype的__proto__属性指向null。

一定记住：原型链是通过__proto__属性来连接的！！！！
f.constructor===F.prototype.constructor===F(红宝书上只说了构造函数的原型对象的constructor指向构造函数本身，但没有说实例对象的constructor属性也指向构造函数本身)；

好的，现在再来看看那道难倒我的牛课题：

var F = function(){};
Object.prototype.a =
function(){};
Function.prototype.b =
function(){};
var f = new F();
问：通过f能访问到a或者b吗？

答案是可以通过f取到方法a，但是取不到方法b.

访问到方法a的方式有这么几种：
1.f.a（因为f是构造函数F实例化的对象，a这个方法在对象原型上，所以f可以通过原型链找到a方法,即f.__proto__指向F.prototype,而F.prototype.__proto__指向Object.prototype）
2.F.a（F.__proto__指向Function.prototype，而Function.prototype.__proto__指向Object.prototype）
3.f.constructor.a(因为f.constructor就是F)
访问到b的方式有以下几种：
1.F.b（因为F.__proto__指向Function.prototype，而Function.prototype.___proto__指向Object.prototype）
2.f.cnstructor.b（因为f.constructor就是F）
3.F.prototype.constructor.b（因为F的原型对象的constructor属性指向构造函数自身）