深入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中，有很多内部对象，比如：Object、Array、Date、RegExp、Math、Error。这些名称实际上表示一个类型，可以通过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实际上是返回一个函数。这与其他的对象有很大的不同。其他的类型Array、Object等都会通过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。

Array、Date 等都是同样的。

而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)是object，point.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;}。这里就不是匿名函数了。

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/huc87/archive/2009/04/09/1432735.html