Javascript原型链

直接上图！额 (⊙o⊙)…，有点乱！不着急，让我们一步步来理解

首先先来明确这三个属性的定义:

• prototype：指向原型对象（函数特有属性）
• __proto__：指向构造该对象的构造函数的原型对象
• constructor：指回该原型对象中的构造函数

步骤分析：

1. f1,f2 是构造函数 Foo () 实例化出来的对象，f1.__proto__指向其构造函数的原型对象，和其构造函数 Foo.prototype 指向的是同一个原型对象，同时原型对象可以通过 constructor 指回构造函数（其他构造函数同理）
2. Foo 函数原型对象使用 Foo.prototype.__proto__指向了对象类型的原型对象 Object.prototype ：因为 Foo 原型对象本身也是一个对象，所以使用__proto__指向了对象构造函数 Object() 的原型对象 Object.prototype
3. Object 函数原型对象 Object.prototype 是初始化的原型对象了，所以该对象的构造函数的原型对象为空 nullObject.prototype.__proto__ == null，也就是找不到创造它的对象了
4. Object 构造函数和其他构造函数的区别就是它的原型对象就是兜底的 Object.prototype
5. Foo.__proto__、Object.__proto__、Function.__proto__这些构造函数的构造函数都是 Function(), 所以它们的构造函数原型对象都是 Function.prototype
6. Function 构造函数的原型对象 Function.prototype 是通过 Object 构造函数创建的，所以其原型对象为 Object.prototype

小结

• __proto__属性指向构造该对象的构造函数的原型对象：
  • 函数的__proto__都指向 Object 原型对象
  • 对象的__proto__都指向其构造函数的原型对象
• prototype 属性指向原型对象：
  • 只有函数才有 prototype 属性
  • 原型对象存在 constructor 的构造函数，该属性指回其构造函数
• 函数同时也是一个对象：即：f.prototype.__proto__ == f.__proto__.__proto__也就是图中的 1+2 == 5+ 6，最终都是指向 Object 原型对象
• prototype、__proto__两个最终都是指向同一个原型对象
• Object 原型对象的__proto__的属性值为 null
• 任何函数最终的构造函数都是指向函数构造函数Function，任何对象最终的构造对象原型都是对象原型对象Object.protutype

嘿嘿～当时，只有我和上帝两个人知道写的是什么，而现在只有上帝一个人知道了！

参考链接：http://www.cnblogs.com/smoothLily/p/4745856.html