欢迎来到.net学习网

欢迎联系站长一起更新本网站!QQ:879621940

您当前所在位置:首页 » Html » 正文

热门阅读

Javascript中function对象详解(一)

创建时间:2011年09月11日 22:40  阅读次数:(5284)
分享到:
以前学习javascript的时候,是因为被js漂亮的界面控制所吸引,所以找点空闲的时间系统的学习了javascript,今天把学习的总结写下来给新手一些参考。如果有什么写错的地方,希望高手们不要见笑。

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

1.Javascript函数
在Javascript定义一个函数一般有如下4种方式:
function huchen(){}
var fun=function(){};
var fun=functionfun(){};
var fun=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;}。这里就不是匿名函数了。
来源:
说明:所有来源为 .net学习网的文章均为原创,如有转载,请在转载处标注本页地址,谢谢!
【编辑:Wyf

打赏

取消

感谢您的支持,我会做的更好!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

最新评论

共有评论0条
  • 暂无任何评论,请留下您对本文章的看法,共同参入讨论!
发表评论:
留言人:
内  容:
请输入问题 35+31=? 的结果(结果是:66)
结  果: