天天看点

javascript中的Function对象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充当什么角色呢, 看下面的代码......

javascript中的Function对象javascript中的Function对象
javascript中的Function对象javascript中的Function对象

var

 f 

=

new

 Function(

"

this.bb = 1

"

);

javascript中的Function对象javascript中的Function对象

var

 b 

=

new

 f();

javascript中的Function对象javascript中的Function对象

    alert(b.bb); 

1

javascript中的Function对象javascript中的Function对象
javascript中的Function对象javascript中的Function对象

    alert(

typeof

 b); object 

//

b是一个object类的对象

javascript中的Function对象javascript中的Function对象

    alert(b.constructor); 

//

function f(){var aa = 1; }

javascript中的Function对象javascript中的Function对象

    alert(b.prototype); 

//

undefined 就象前面所说的,new 操作符返回一个object类的实例,因为object被作为模板,所以它本身没有模板,那么它的prototype值也就未定义了

javascript中的Function对象javascript中的Function对象
javascript中的Function对象javascript中的Function对象

    alert(

typeof

 f); 

//

function f是一个function类的对象

javascript中的Function对象javascript中的Function对象

    alert(f.constructor); 

//

function Function(){[native code]}

javascript中的Function对象javascript中的Function对象

    alert(f.prototype); 

//

[object Object] //注意这里,f是Function的一个实例,他的原形为object。到这里,您可能还没有想明白是怎么回事,难道Function继承自Object吗??呵呵..看下面

javascript中的Function对象javascript中的Function对象
javascript中的Function对象javascript中的Function对象

 alert(

typeof

 Function);

//

function Function是JS内置的对象

javascript中的Function对象javascript中的Function对象

 alert(Function.constructor);

//

 function Function(){[native code]}

javascript中的Function对象javascript中的Function对象

 alert(Function.prototype); 

//

function prototype(){[native code]}  注意这里,很关键,它就是实例化object的地方

javascript中的Function对象javascript中的Function对象

alert(Function.prototype.constructor); 

//

function Function(){[native code]}

javascript中的Function对象javascript中的Function对象

alert(Function.prototype.prototype); 

//

undefined //按道理所有的function xxx都应该继承自Function,也就是说,这里应该是object,但这里为未定义,表明Function实际上是一个根包装类,prototype()的返回值就是object的实例

为什么说Function是根包装类,看下面的代码.....

javascript中的Function对象javascript中的Function对象

var

 o 

=

new

 Object();

javascript中的Function对象javascript中的Function对象

    alert(

typeof

 o); 

//

object

javascript中的Function对象javascript中的Function对象

    alert(o.constructor); 

//

function Object(){[native code]} o是由Object这个类来产生的

javascript中的Function对象javascript中的Function对象

    alert(o.prototype); 

//

undefined 

javascript中的Function对象javascript中的Function对象
javascript中的Function对象javascript中的Function对象

    alert(

typeof

 Object);

//

 function

javascript中的Function对象javascript中的Function对象

    alert(Object.constructor); 

//

function Function(){[native code]} Object 是由Function产生的

javascript中的Function对象javascript中的Function对象

    alert(Object.prototype); 

//

[object Object]

现在明白了吧。。。

在js 中把 function xx(){} 称为构造函数的原因就是因为,不管你继承了多少, 你的constructor最终会指向Function 调用本地方法产生一个object,不管方式如何,总之产生了一个对象,所以叫构造也很贴切

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

[email protected]

继续阅读