深入javascript function对象(一)

 

 

    以前学习javascript的时候,是被js漂亮的界面控制所吸引,所以学习的时候多数是以阅读网上js代码为主,凭借着自己对其他面向对象语言的理解,还是凑活能写些复杂的js程序。但是写的越多,不明白的也就越多,很多时候都只是知道要这么用,因为以前接触到的项目就是这么用的,但是不明白为什么这么写,所以,很早就想找点空闲的时间系统的学习下javascript,苦于一直没时间,拖了这么长久。呵呵,才有时间学学,把学习的总结写下来给新手一些参考,也给自己一个备忘。如果有什么写错的地方,希望高手们不要见笑。说了这么多废话,下面进入正题。

不管是绚丽多彩的js界面控制,还是编写复杂多样的ajax应用。相信function的高级应用是必不可少的。那么js中的function到底有什么不同呢?

1.        Javascript函数

Javascript定义一个函数一般有如下4种方式:

fnction huchen(…){…}
var huchen2=function(…){…};
var huchen3=function huchen4(…){…};
var huchen5=new Function();

1种就是最常用的方法, function关键字定义一个函数,并为每个函数指定一个函数名,通过函数名来进行调用。函数都是被维护为一个对象,这就是要介绍的函数对象(Function Object)。即用function关键字定义一个函数对象。

后面3种是把函数对象(Function Object)赋给变量,而这个函数对象本身是没有名字的,即匿名函数。

2.        函数对象(Function Object)

js中,有很多内部对象,比如:ObjectArrayDateRegExpMathError。这些名称实际上表示一个类型,可以通过new操作符返回一个对象。然而Function对象和其他对象不同,当用typeof得到一个Function对象的类型时,它仍然会返回字符串“function”,而typeof一个数组对象或其他的对象时,它会返回字符串“object”。下面的代码示例了typeof不同类型的情况:

以下是引用片段:  
alert(typeof(Function));
alert(typeof(new Function()));
alert(typeof(Array));
alert(typeof(Object));
alert(typeof(new Array()));
alert(typeof(new Date()));
alert(typeof(new Object())); 


  运行这段代码可以发现:前面4条语句都会显示“function”,而后面3条语句则显示“object”,可见new一个Function实际上是返回一个函数。这与其他的对象有很大的不同。其他的类型ArrayObject等都会通过new操作符返回一个普通对象。尽管函数本身也是一个对象,但它与普通的对象还是有区别的,因为它同时也是对象构造器,也就是说,可以new一个函数来返回一个对象。所有typeof返回“function”的对象都是函数对象。也称这样的对象为构造器(constructor),因而,所有的构造器都是对象,但不是所有的对象都是构造器。

 

可以通过object.constructor 属性来获得构造函数。

:

var o = new Object();

alert(typeof(o));

alert(o.constructor);

 

typeof(o)返回的是object

o.constructor返回的是

function Ojbect(){

       [native code]

}

这说明Object本身就是通过function 定义的一个函数对象,而函数对象可以构造对象,即new 了一个函数对象Object ,构造了对象o

ArrayDate 等都是同样的。

Function对象却不一样

var f = new Function();

alert(typeof(f));

alert(f.constructor);

我们看到typeof(f)返回的是function,而不是object

f.constructor返回的是

function Function(){

[native code]

}

从上面可以看出new一个Function实际上是返回一个函数对象,而函数对象可以构造对象。我们再来看下面这个例子。

var f = new Function("x", "y", "this.X=x; this.Y=y;");

var point = new f(5,6);

alert(typeof(point));

alert(point.constructor);

alert(point.X);

 

我们看到typeof(point)弹出的是object

point.constructor弹出的是:

function anonymous(x, y){

this.X=x;

this.Y=y;

}

这种写法看起来有点变扭,但是细细梳理,其实并不难理解。

首先var f = new Function("x", "y", "this.X=x; this.Y=y;"); 定义了一个函数对象f。这是匿名的函数对象,只是赋予了f,上面已经提到过。

而函数对象可以构造对象,var point = new f(5,6); 这里用函数对象f构造了一个新对象point,所以typeof(point)objectpoint.constructor返回的是构造器,我们可以叫它为point对象的构造函数,它是匿名的所以返回的函数名是anonymous,如果把上面var f = new Function("x", "y", "this.X=x; this.Y=y;");

这句改成 function f(x, y){this.X=x; this.Y=y;}这句,那么point.constructor返回的将是function f(x,y){this.X=x; this.Y=y;}。这里就不是匿名函数了。

 

 

 

 

 

 

 

 

posted @ 2009-04-09 22:07  胡琛  阅读(5331)  评论(0编辑  收藏  举报
友情链接:东莞文成物流有限公司 | 东莞莲城物流