JavaScript中constructor属性

2018-02-11 14:10:18来源:segmentfault作者:大猪熬药人点击

分享
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

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台