JavaScript原型链以及Object和Function之间的关系

要搞懂原型链以及Object和Function之间的关系首先得缕清以下几点重要关系：

显示原型（又叫原型）：prototype

• 每个class/函数都有显示原型prototype，它默认指向一个Object空对象（即称为原型对象）

• 原型对象中一个属性constructor，它指向函数对象

隐式原型：__proto__

• 每个实例都有隐式原型__proto__

• 实例的__proto__指向创建这个实例的class/函数的prototype。

1、Function是所有函数(function)的父亲，所有函数都是它的实例

2、Object也是一个函数，所以Object是Function的实例对象。

3、任何对象的原型链顶端最终都指向Object.prototype,Object.prototype再往上已经没有东西了，所以指向null。

4、Function比较特殊它的隐式原型指向自己，即Function.__proto__ === Function.prototype。

5、同时，Function是对象，由(3)可知Function必然有一个地方（即Function.prototype.__proto__）指向Object.prototype

一、看完上述关系可能有点晕，那话不多说到下图中来缕缕，先来看一个简化版的图（为了便于理解我把显示原型和隐式原型都放在一块并且省略了constructor）：

        

简单总结一下：

(1) a是foo函数的对象,所以a.__proto__ === foo.prototype

(2) foo函数是Function的对象，即相当于它是这样产生的：var foo = new Function(args, function_body)，所以说白了它还是一个对象，既然是对象所以有：foo.prototype.__proto__ === Object.prototype

(3) Object.prototype.__proto__ === null ,所以 a.__proto__.__proto__.__proto__ ===null (实际中的原型链中间可能有N 个__proto__)

(4) foo作为一个函数那么他必然是所有函数的父亲Function的儿子，所以，foo.__proto__ === Function.prototype

(5) Funtion作为一个特殊的函数，有Function.__proto__ === Function.prototype。

(6) 可以这样记忆JavaScript中一切皆对象，所以Function是一个函数对象，既然是对象，那就有Function.prototype.__proto__ === Object.prototype。

(7) 由(4)、(5)、(6)我们可推导出：foo.__proto__.proto__ === Object.prototype; Function.__proto__.__proto__ === Object.prototype

二、理解了上图，接下来我们来画一个完整版的原型链图