JavaScript中constructor属性

constructor属性

JavaScript中constructor属性指向创建当前对象的构造函数。

var a = 'zuckjet';
console.log(a.constructor)  // ƒ String() { [native code] }

function b() {}
console.log(b.constructor)  // ƒ Function() { [native code] }

var c = {name: 'zuckjet'};
console.log(c.constructor);  //ƒ Object() { [native code] }

起源

看了上面的代码示例，也许你会觉得constructor属性在对象里，但其实constructor属性是在原型里。

function test() {}
var obj = new test();
console.log(obj.hasOwnProperty('constructor')); //false
console.log(obj.__proto__.hasOwnProperty('constructor')); //true

hasOwnProperty方法是来判定对象是否包含指定名称的属性，不会向原型链搜索。要想搜索原型链可以用in关键字（’constructor’ in obj）。

既然是constructor属性时从属于构造函数的prototype,那么为什么实例也有constructor属性呢？

function Foo() {}
var foo = new Foo()
foo.constructor === Foo // true，这是为什么

原因如下：

• Foo.prototype本身还是实例foo的原型。
• 由于原型链机制，当在foo中查找属性constructor时，如果没有找到，则往原型上找。而Foo.prototype刚好有属性constructor。
• foo.constructor的值就是Foo.prototype.constructor的值，也就是Foo。

constructor属性是不可靠的

function Foo() {}
Foo.prototype = {}
var foo = new Foo()
foo.constructor === Object  // true，可以看出不是Foo了

• foo没有constructor属性，还是往原型Foo.prototype上找
• Foo.prototype本来是有constructor属性的，但是在这里它已经被重新定义变成{}
• 找不到constructor，接着往原型链上查找。（{}是由Object构造函数生成的，它的原型是Object.prototype）找到了Object.prototype，含有属性constructor，值为Object

用处

为了将实例的构造器的原型对象暴露出来, 比如你写了一个插件,别人得到的都是你实例化后的对象, 如果别人想扩展下对象,就可以用 instance.constructor.prototype 去修改或扩展原型对象

部分内容参考自：
参考链接1
参考链接2