简述Javascript的原型链


对Javascript的原型链做一些简单总结。希望能够有助于加深理解。

为了方便理解,以下论述针对Firefox及Chrome实现,并不是ES标准。所以,我们姑且区分一下__proto__和prototype。__proto__称为内建原型对象,简称内建原型;prototype称为函数原型对象,简称函数原型。

先记住三条规则:

  1. 每个对象都有一个内建原型__proto__属性,包括 prototype;内置对象Object.prototype的__proto__属性为 null;但因为函数也是对象,所以每个函数也有一个内建原型__proto__属性
  2. 每个函数都有一个函数原型prototype属性;
  3. 只有prototype所指的函数原型对象有constructor属性

以下是各种情况下,__proto__, prototype及constructor的指向关系:

  1. 对于每个函数F(包括function Function(),function Object()), 其函数原型为F.prototype 指向对象 {constructor:F, __proto__: Object.prototype}
  2. 对于每个函数F(包括function Function(),function Object()),其内建原型为F.__proto__指向对象 Function.prototype
  3. 对于对象直接量(通过{}创建的对象),其内建原型__proto__指向对象Object.prototype
  4. 对于Object.create(P)创建的对象,其内建原型__proto__指向对象P
  5. 对于new F()创建的对象,其内建原型__proto__指向对象F.prototype

最后借用一张图: