JS中的constructor属性

本文仅供本人记录学习过程使用

function Foo() {      // ... } 
 
var a = new Foo();

首先要说，在上面这种一般的情况下，a.constructor === Foo 这个等式会返回true，但是并不代表a身上就有一个叫constructor的属性指向Foo这个函数！
实际上，a的.constructor属性被委托给了 Foo.prototype，而 Foo.prototype.constructor 这个属性默认指向了 Foo。

这个结论可以通过下面的一段代码证明：

function Foo() { /* .. */ } 
 
Foo.prototype = { /* .. */ }; // 创建一个新原型对象 
var a1 = new Foo(); 
a1.constructor === Foo; // false!  
a1.constructor === Object; // true!

首先，这里创建了一个新的对象替换了函数默认的 .prototype 对象引用，如果a1的.constructor属性指向的是 Foo 函数的话，那么应该不会有变化，但实际结果却是a1.constructor === Foo; 返回了false，可见a的.constructor属性其实是被委托给了 Foo.prototype对象。

在执行a.constructor语句时，会在a对象的原型链上进行查找，此时就会找到 [[Prototype]] 链上的 Foo. prototype所指向的属性对象，这个Foo. prototype指向的对象在一般情况下是存在.constructor属性的（而且这个属性默认指向Foo函数），此时如果找到了就会返回这个值，而如果Foo的 prototype 指向的对象被覆盖掉的话就不再能访问到它身上的.constructor属性，那么就会沿着原型链继续查找，本例中是找到所有对象的原型Object.prototype，它身上拥有 .constructor 属性，而且指向JS内置的 Object函数，所以在最后一句代码a1.constructor === Object;中会返回true。

最后要说明一下constructor属性基本特征，它的值（value）是通过new操作符作为构造函数调用的那个函数，而且它默认是不可枚举的（ enumerable: false ）。