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 f(){var aa = 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,不管方式如何,总之产生了一个对象,所以叫构造也很贴切
 

以上是我在实际使用中发现的,没有参考过nn资料,不对的欢迎指正
andyyukun@hotmail.com

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值