匿名函数与闭包

1. 匿名函数

定义：没有函数名的函数。

1.1 没有形参的匿名函数的定义

var fun = function(){return 3;};

运行结果如下：
可以看出，变量fun的内容为函数语句，而不是函数语句的执行结果。该怎么解决这个问题呢？接着往下看。

解决案1 > 变更调用方式
在变量fun后面追加括号，意味着执行函数语句，而不是直接返回函数语句。

console.log(fun());

运行结果如下：

解决案2 > 在定义时，事先追加括号
这样在读取变量fun时，就无需追加括号。

var fun = function(){return 3;}();

1.2 带形参的匿名函数的定义

var fun = function(x, y){return x+y;}(2, 3); //不推荐此写法

var fun = (function(x, y){return x+y;})(2, 3); //推荐写法。第一个括号只是提升代码的可读性。

2. 闭包

JavaScript中的匿名函数及函数的闭包
引用开始

闭包的英文单词是closure，这是JavaScript中非常重要的一部分知识，因为使用闭包可以大大减少我们的代码量，使我们的代码看上去更加清晰等等，总之功能十分强大。

闭包的含义：闭包说白了就是函数的嵌套，内层的函数可以使用外层函数的所有变量，即使外层函数已经执行完毕（这点涉及JavaScript作用域链）。

示例一

function checkClosure(){
    var str = 'rain-man';
    setTimeout(
        function(){ alert(str); } //这是一个匿名函数
    , 2000);
}
checkClosure();

这个例子看上去十分的简单，仔细分析下它的执行过程还是有许多知识点的：checkClosure函数的执行是瞬间的（也许用时只是0.00001毫秒），在checkClosure的函数体内创建了一个变量str，在checkClosure执行完毕之后str并没有被释放，这是因为setTimeout内的匿名函数存在这对str的引用。待到2秒后函数体内的匿名函数被执行完毕，str才被释放。

示例二
匿名函数最大的用途是创建闭包（这是JavaScript语言的特性之一），并且还可以构建命名空间，以减少全局变量的使用。

var outer = null;

(function(){
    var one = 1;
    function inner (){
        one += 1;
        alert(one);
    }
    outer = inner;
})();

outer();    //2
outer();    //3
outer();    //4

这段代码中的变量one是一个局部变量（因为它被定义在一个函数之内），因此外部是不可以访问的。但是这里我们创建了inner函数，inner函数是可以访问变量one的；又将全局变量outer引用了inner，所以三次调用outer会弹出递增的结果。

JavaScript中的匿名函数及函数的闭包
引用结束