参考链接#

javascript之闭包(closure)#

说明#

闭包就是拥有许多变量和绑定这些变量环境的表达式，因此这些变量也是该表达式的一部分。
这个解释估计会有许多人懵了不懂，我们暂且理解为，闭包是一个函数表达式，表达式绑定了一些变量的环境，然后看下面的代码。

1
function f1(){
2
    var n=999;
3
    function f2(){
4
        console.log(n);
5
    }
6
    return f2;//返回内部函数供外部调用。
7
}
8
var result=f1();//创建函数表达式，result引用了f2函数，绑定变量n的环境。
9
result();//输出999

变量的作用域#

javascript的变量分为两种，全局变量和局部变量，全局变量无法直接引用局部变量，局部变量可以直接引用全局变量，这就是作用域。闭包就是为了解决全局变量无法引用局部变量的问题。

1
/**
2
*直接引用全局变量
3
*/
4
var n=999;
5
function f1(){
6
　alert(n);//引用全局变量
7
}
8
f1(); // 999
9
/**
10
*无法直接引用局部变量
11
*/
12
function f2(){
13
　var abc=111;
14
}
15
　alert(abc); // error

闭包获取局部变量

1
function f1(){
2
    var n=999;
3
    function f2(){
4
        console.log(n);
5
    }
6
    return f2;//返回内部函数供外部调用。
7
}
8
var result=f1();
9
result();//输出999

闭包需要注意的问题#

闭包会将局部变量长期驻留在内存中，很可能会造成内存泄漏。这和java的内存引用很相似，长生命周期的变量引用短生命周期的变量时，会促使垃圾回收器无法回收短生命周期的变量。

1
function f1(){
2
　var n=999;
3
　nAdd=function(){n+=1}//没有使用var修饰，实为申明全局变量。
4
　function f2(){
5
　　　alert(n);
6
　}
7
　return f2;
8
}
9
var result=f1();
10
result(); // 999
11
nAdd();
12
result(); // 1000，再次调用也可以获取到增后n的值，所以n没有被回收

我们可以这么玩#

1
function f1(){
2
    var n=0;
3
    function f2(){
4
        n++;
5
        function f3(){
6
            n++;
7
            function f4(){
8
                n++;
9
                console.log(n);
10
            }
11
            return f4;
12
        }
13
        return f3;
14
    }
15
    return f2;
16
}
17
//第一种调用方式
18
f1()()()();// 输出 3
19
//第二种调用方式
20
var result=f1()()();
21
result();//输出 3

多连括号方式调用，即为将父函数返回的子函数立即调用。

1
(function(){
2
    var n=0;
3
    console.log(n);
4
})();//输出 0
5
//也可以带有函数名
6
(function f1(){
7
    var n=0;
8
    console.log(n);
9
})();//输出 0

这个叫做申明函数并立即执行。