Javascript 深刻理解闭包

闭包（closure）是Javascript语言的一个重点，也是难点，对于新手来讲，概念过于抽象；而如今书上的大部分解释都比较含糊，本文将把闭包掰开了、揉碎了讲个清楚。

Tips:我的博客排版、UI更佳；地址：https://haonancx.github.io/js...

闭包

闭包是指能够包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的，而是在定义代码块的环境中定义（局部变量）（百度百科）？？？ 这他娘叫讲个清楚，别怕，让我娓娓道来。

闭包，简单来讲就是能够读取其余函数内部变量的函数。只要知足这一点的函数，均可以叫闭包。

要理解闭包，首先得理解做用域。

做用域主要分为两种：全局变量和局部变量。

全局变量？局部变量？

• 局部变量:只能用于定义它函数内部。对于其余的函数或脚本代码是不可用的。

{% highlight ruby %}

function myFunction() {
var n = 5;
return n * n;
}
myFunction();// 25

{% endhighlight %}

• 全局变量：函数能够访问由函数内部定义的变量。

{% highlight ruby %}

var n = 5;
function myFunction() {
return n * n;
}
myFunction();// 25

{% endhighlight %}

Javascript语言的特殊之处，就在于函数内部能够直接读取全局变量。例如：

{% highlight ruby %}

　　var n=1;
　　function example(){
　　　　alert(n);
　　}

   f1(); // 1

{% endhighlight %}

另外一方面，在函数外部天然没法读取函数内的局部变量。例如：

{% highlight ruby %}

　　function example(){
　　　　var n=1;
　　}

　　alert(n); // error 报错

{% endhighlight %}

函数内部声明变量的时候，必须使用var命令去声明一个变量。若是不用的话，就会声明了一个全局变量。例如：

{% highlight ruby %}

　function example(){
　　　　n=1;
　　}

　　example();

　　alert(n); // 1

{% endhighlight %}

夹不到菜，怎么让大人帮忙？

就比如小孩在饭桌上吃饭，因为手比较短，只能在本身力所能及的范围内夹菜，也就是夹本身面前的菜（执行环境）；可是咱们能够借用闭包（大人帮忙）的方式来夹别的菜。

当咱们须要获得函数内的局部变量时，正常状况下，是取不到的，只有经过巧妙的方法去实现。

解决方法：就是在本身的函数内部在定义一个函数E，而后再将函数E的值 return 回去，不就能够被访问了。

废话少说，上菜！！！

{% highlight ruby %}

function example(){

　　　　var n=1;

　　　　function example2(){
　　　　　　alert(n); 
　　　　}
　　　　return example2;
　　}

　　var result=example();

　　result(); // 1

{% endhighlight %}

好像有点明白了，可是怎么用呢？

闭包不只能够读取函数内部的变量，上面也提到了，还能让这些变量的值始终保持在内存中。

咱们再来看下面这个例子

{% highlight ruby %}

function example1(){

var n=1;

Add=function()
{
n+=1
}

function example2(){
alert(n);
}

return example2;
}

var result=example1();

result(); // 1

Add();

result(); // 2

{% endhighlight %}

上面的代码中第一个" result(); "执行完之后，输出结果 "1",第二的" result(); "执行完之后，输出结果 "2"，这就证实了，函数 example1 中的局部变量n一直保存在内存中，并无在第一个" result(); "执行完之后被自动清除；才能在执行第二个"result(); "完之后，输出结果 "2"，若是这样就容易形成咱们平时所说的全局空间污染。

还须要注意的是，上面的 "Add=function(){n+=1}" 这部分代码，一看这家伙竟然没有名字（匿名函数），并且，变量仍是没经过 var 去命名的，因此呢，就定义成了一个全局变量，因此外部函数固然能够对它"拳打脚踢"的操做咯；因此就有了"Add();" 执行之后，第二个 "result();"才能实现 n 的累加输出 "2"。

使用闭包须要注意些什么

• 因为闭包会使得函数中的变量都被保存在内存中，内存消耗很大，因此不能滥用闭包，不然会形成网页的性能问题，在IE浏览器中可能致使内存泄露。解决方法是，在退出函数以前，将不使用的局部变量所有删除。

回收内存方法

{% highlight ruby %}

function example() {  
var n = 1;  
return function(){
alert(n++)
};  
} 

fun();// 1 执行完后 n++，变量n任然存在于内存中

fun = null;// n被回收

{% endhighlight %}

• 闭包会在父函数外部，改变父函数内部变量的值。因此，若是你把父函数看成对象（object）使用，把闭包看成它的公用方法（Public Method），把内部变量看成它的私有属性（private value），这时必定要当心，不要随便改变父函数内部变量的值。

嵌套函数的闭包

{% highlight ruby %}

function example() {  

var n = 1;  

return function(){
alert(n++)
};  

} 

var fun = example();  

fun();// 1 执行完后 n++，变量n任然存在于内存中

fun();// 2   

fun = null;// n被回收

{% endhighlight %}

闭包的缺点就是常驻内存，闭包会使变量始终保存在内存中，若是使用不当会增大内存使用量，很容易形成内存泄露。

正常状况下外部函数是不能访问内部函数的变量的，可是能够利用闭包来实现对函数内部变量的访问。

通常函数执行完毕后，局部活动对象就被销毁，内存中仅仅保存全局做用域。但闭包的状况不一样！

简而言之，闭包就是内部函数和外部函数链接的一座桥梁，（大人就是小孩与饭桌上全部菜的小助手）。

该文章部分知识网络整理