javascript中的Function对象(转)

名词解释:
        constructor    保存了对创建该对象的"类"的引用 
        prototype    保存了该类"父"类型的实例对象的引用(模板),在JS中属于Function的属性

        prototype模式   通过对模板类实例进行复制,来产生新的对象,有点象工厂


javascript中的Function对象

        js中的function 并不同于我们在C等语言中的执行过程,在js中,他实际上是一个"类",这个类起到了支撑的作用,下面一起来看看这个类

       1.js 对象模式
          JS通过prototype来进行类的继承(实际上是扩展),prototype是一种设计模式, (参见《设计模式》),prototype
 需要一个类作为模板,在JS中这个类就是object, 熟悉原形模式的人可以能已经知道 var o = new Object(); 这段代码实际做了什么,事实上他并不是我们在C中的malloc或者c ++ 中的new, 这里实际上通知Object()这个方法(Object()实际上不是我们在JAVA中理解的那样, 下面会讲到),以object的实例对象为模板,并加入新的属性(在Object()中定义的) 来产生一个对象并返回,所有的对象都是这样产生的

       2.Function 的角色
          那么Function充当什么角色呢, 看下面的代码......

 
var f = new Function("this.bb = 1");
    
var b = new f();
    alert(b.bb); 
1

    alert(
typeof b); object //b是一个object类的对象
    alert(b.constructor); //function anonymous() { this.bb = 1 }
    alert(b.prototype); //undefined 就象前面所说的,new 操作符返回一个object类的实例,因为object被作为模板,所以它本身没有模板,那么它的prototype值也就未定义了

    alert(
typeof f); //function f是一个function类的对象
    alert(f.constructor); //function Function(){[native code]}
    alert(f.prototype); //[object Object] //注意这里,f是Function的一个实例,他的原形为object。到这里,您可能还没有想明白是怎么回事,难道Function继承自Object吗??呵呵..看下面

 alert(
typeof Function);//function Function是JS内置的对象
 alert(Function.constructor);// function Function(){[native code]}
 alert(Function.prototype); //function prototype(){[native code]}  注意这里,很关键,它就是实例化object的地方
 alert(Function.prototype.constructor); //function Function(){[native code]}
 alert(Function.prototype.prototype); //undefined //按道理所有的function xxx都应该继承自Function,也就是说,这里应该是object,但这里为未定义,表明Function实际上是一个根包装类,prototype()的返回值就是object的实例

为什么说Function是根包装类,看下面的代码.....
var o = new Object();
    alert(
typeof o); //object
    alert(o.constructor); //function Object(){[native code]} o是由Object这个类来产生的
    alert(o.prototype); //undefined 

    alert(
typeof Object);// function
    alert(Object.constructor); //function Function(){[native code]} Object 是由Function产生的
    alert(Object.prototype); //[object Object]
现在明白了吧。。。
在js 中把 function xx(){} 称为构造函数的原因就是因为,不管你继承了多少, 你的constructor最终会指向Function 调用本地方法产生一个object,不管方式如何,总之产生了一个对象,所以叫构造也很贴切
 
在原文的基础之上做了一点修改
 
原文地址:http://blog.csdn.net/andyyukun/article/details/1478584
posted @ 2012-11-28 15:31  David Shu  阅读(286)  评论(0编辑  收藏  举报