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

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

(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

看完上述关系可能有点晕,那话不多说到下图中来缕缕:

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

简单总结一下:

(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