JavaScript中的Function和匿名函数

函数声明（function 语句）

　　要使用一个函数，我们就得首先声明它的存在。而我们最常用的方式就是使用function语句来定义一个函数，如：

view plaincopy to clipboardprint

function abc(){

1. // code to process
2. }

function abc(){ // code to process }

　　当然，你的函数也可以是带参数的，甚至是带返回值的。

1. function abc(x,y){
2. return x+y;
3. }

function abc(x,y){ return x+y; }

　　但是，无论你怎么去定义你的函数，JS解释器都会把它翻译成一个Function对象。例如，你在定义上面的其中一个例子的函数号，再输入如下代码：

1. alert(typeof abc);// "function"

　　你的浏览器就会弹出提示框，提示你abc是一个Function对象。那么Function对象究竟是什么呢？

• Function 对象

　　Function对象是JavaScript里面的固有对象，所有的函数实际上都是一个Function对象。关于这个方面的讨论，我们留到下一个专题节。我们先看看，Function对象能不能直接运用构造函数创建一个新的函数呢？答案是肯定的。例如：

1. var abc = new Function("x","y","return x*y;");
2. alert(abc(2,3)); // "6"

var abc = new Function("x","y","return x*y;"); alert(abc(2,3)); // "6"

　　相信大家现在对如何声明一个函数应该是有所了解了。那么什么才是匿名函数呢？

• 声明匿名函数

　　顾名思义，匿名函数就是没有实际名字的函数。例如，我们把上面的例子中，函数的名字去掉，再判断一下他是不是一个函数：

1. alert(typeof function(){});// "function"
2. alert(typeof function(x,y){return x+y;});// "function"
3. alert(typeof new Function("x","y","return x*y;"))// "function"

alert(typeof function(){});// "function" alert(typeof function(x,y){return x+y;});// "function" alert(typeof new Function("x","y","return x*y;"))// "function"

　　我们可以很容易地看到，它们全都是Function对象，换言之，他们都是函数，但是他们都有一个特点——没有名字。所以我们把他们称作“匿名函数”。然而，正因为他们没有“名字”，我们也没有办法找到他们。这就引申了如何去调用一个匿名函数的问题了。

• 匿名函数的调用

　　要调用一个函数，我们必须要有方法定位它，引用它。所以，我们会需要帮它找一个名字。例如：

1. var abc=function(x,y){
2. return x+y;
3. }
4. alert(abc(2,3)); // "5"

var abc=function(x,y){ return x+y; } alert(abc(2,3)); // "5"

　　上面的操作其实就等于换个方式去定义函数，这种用法是我们比较频繁遇到的。例如我们在设定一个DOM元素事件处理函数的时候，我们通常都不会为他们定名字，而是赋予它的对应事件引用一个匿名函数。

　　对匿名函数的调用其实还有一种做法，也就是我们看到的jQuery片段——使用()将匿名函数括起来，然后后面再加一对小括号（包含参数列表）。我们再看一下以下例子：

1. alert((function(x,y){return x+y;})(2,3));// "5"
2. alert((new Function("x","y","return x*y;"))(2,3));// "6"

alert((function(x,y){return x+y;})(2,3));// "5" alert((new Function("x","y","return x*y;"))(2,3));// "6"

　　很多人或许会奇怪，为什么这种方法能成功调用呢？觉得这个应用奇怪的人就看一下我以下这段解释吧。

　　大家知道小括号的作用吗？小括号能把我们的表达式组合分块，并且每一块，也就是每一对小括号，都有一个返回值。这个返回值实际上也就是小括号中表达式的返回值。所以，当我们用一对小括号把匿名函数括起来的时候，实际上小括号对返回的，就是一个匿名函数的Function对象。因此，小括号对加上匿名函数就如同有名字的函数般被我们取得它的引用位置了。所以如果在这个引用变量后面再加上参数列表，就会实现普通函数的调用形式。