js中匿名函数的创建与调用方法分析

本文实例分析了js中匿名函数的创建与调用方法。分享给大家供大家参考。具体实现方法如下：

匿名函数就是没有名字的函数了，也叫闭包函数(closures),允许 临时创建一个没有指定名称的函数。最经常用作回调函数(callback)参数的值，很多新手朋友对于匿名函数不了解。这里就来分析一下。

function 函数名(参数列表){函数体;}

如果是创建匿名函数，那就应该是：
function(){函数体;}

因为是匿名函数，所以一般也不会有参数传给他。

为什么要创建匿名函数呢？在什么情况下会使用到匿名函数。匿名函数主要有两种常用的场景，一是回调函数，二是直接执行函数。

回调函数，像ajax的异步操作，就需要回调函数。这里就不详解。关于直接执行函数，我看一个例子就明白了：
代码如下:<script language="javascript">
var a = "a";
(function(){
    var a="b";
    alert(a);
})();
alert(a);
</script>
在上面这段代码中，会顺序输出两个alert框。第一个alert框内容为b，第二个为a。大家看到什么好处了吗？对的，使用函数直接执行可以限定变量的作用域，使不同脚本的相同变量可以得以共存。

下面，我们先初步了解一下和匿名函数相关的概念。

函数声明（function 语句），要使用一个函数，我们就得首先声明它的存在。而我们最常用的方式就是使用function 语句来定义一个函数，如：
代码如下:function abc(){
// code to process
}
function abc(){ // code to process }

当然，你的函数也可以是带参数的，甚至是带返回值的。
代码如下:view plaincopy to clipboardprint?
function abc(x,y){
return x+y;
}
function abc(x,y){ return x+y; }

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

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

Function 对象

Function 对象是JavaScript 里面的固有对象，所有的函数实际上都是一个Function 对象。我们先看看，Function 对象能不能直接运用构造函数创建一个新的函数呢？答案是肯定的。例如：
代码如下:var abc = new Function("x","y","return x*y;");
alert(abc(2,3)); // "6"
相信大家现在对如何声明一个函数应该是有所了解了。那么什么才是匿名函数呢？

声明匿名函数

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