JS中的prototype与__proto__

写在前面

前段时间对于JS的原型链突然有点犯迷糊，网上没搜到简单点的解说，就回头自学了一遍，现在写出来与大家共享，转载须注明出处，禁商用。

分为以下几个步骤讲解

1. prototype和__proto__的基础知识；
2. 举一段简单程序来说明；

1.基础知识

（1）每一个函数类数据类型（普通函数、类），都自带属性prototype(原型)，是对象类型的值，在浏览器给默认开辟的堆内存中，prototype有一个自带的属性叫constructor（如果自行改变了某函数prototype所指向的地址，就没有constructor），也是个对象数据类型的值，属性值是当前函数本身；
（2）每一个对象类型的值（普通对象、实例）有一个自带的属性__proto__，属性值是当前实例所属类的原型；

2.一段简单JS代码

function Fn(){
this.y=100;
}

var f1=new Fn;

下面只画它的堆内存（从实习的老师那里学到的，非常有用！尤其是在想不清楚原型链的时候）：
此时，看起来图中所有的__proto__都指向了Object，即平时所说的“万物即对象”；
接着，有下面这两条规则需要加深一下理解：
（a）每个函数是内置函数Function的一个实例，所以每个函数也是一个对象数据类型的值，因此也有__proto__这个属性；
（b）Object和Function是浏览器内置的函数类，既是函数也是类，因此都含有__proto__属性；
我们把这两个规则加进去，得到了更复杂一点的原型链理解图（用橙色的新添上去）：
此时就是该代码完整的原型链，而此时已经不仅限于“万物即对象”的概念了，看起来Funtion和Object一样大。
大概就是这些了。若有不对的，还请指出来。
PS：本文非商业用途，如有侵权，请告知我，我会删除。