注意事项一
任何函数的构造函数都是Function
测试案例:
<script type="text/javascript">
function Foo(){}
var foo = new Foo();
console.log(foo.constructor);
console.log(Foo.constructor);
console.log(foo.constructor === Foo);
</script>
输出结果
Foo(){}
Function() { [native code] }
true
输出结果分析
1、由Foo()函数构造的foo对象,又foo中没有constructor属性,那么会去它的原型proto中去找,这个proto指向Foo()构造函数。
2、Foo()是一个函数,函数的构造函数是Function
覆盖原型的时候,要重新设置构造函数
如例:
<script type="text/javascript">
function Foo(){}
Foo.prototype.say = function(){
alert("abc");
}
var foo1 = new Foo();
console.log(foo1.constructor);
Foo.prototype = {
say:function(){
alert("123");
}
}
var foo2 = new Foo();
console.log(foo2.constructor);
</script>
输出结果:
Foo(){}
Object() { [native code] }
输出解析:
为什么第一个是Foo(){} 而第二个是Object()呢?
第一个是Foo()很好解释,因为它是由Foo()构造函数构造的,而第二个是Object的原因是,我们在下面将prototype覆盖了,赋值之后,它不具备了constructor属性,也就是说,foo2.constructor,由于foo2中没有,它就取proto中找,而proto中也没有,它就取proto的proto中去找,而proto的proto是Object的prototype,也就含有constructor属性,值为Object(){}