Javascript构造函数注意事项

注意事项一

任何函数的构造函数都是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(){}