JavaScript中的闭包详解

闭包是JavaScript的重要特性，非常强大，可用于执行复杂的计算，可并不容易理解，尤其是对之前从事面向对象编程的人来说，对 JavaScript 认识和编程显得更难。特别是在看一些开源的JavaScript代码时感觉尤其如此，跟看天书没什么区别。

一般情况下，人们认识一个事物，会根据之前的经验，进行对比和总结，在脑中建立一个模型，从而理解掌握它，但是JavaScript与面向对象编程实在“没有可比性”，最明显的是某过于写法，总觉得“怪怪的”，更不用说，其一些高级特性。如果说“对象”在面向对象编程时的出现相当有规律，但是在JavaScript中则毫无规律，无处不在，甚至在你意想不到的地方。

首先看两段代码。

示例 1：

示例 2：

示例1 和示例2都是闭包，只是2 比1复杂，甚至还有更复杂的写法，比如返回多个闭包。

示例 1，脚本被载入内存后，并没有为函数 sayHelloWorld()计算变量sMessage的值。该函数捕获 sMessage的值只是为了以后的使用，也就是说，解释程序知道在调用该函数时要检查 sMessage 的值。sMessage将在函数调用sayHelloWorld()时（最后一行）被赋值，显示消息"hello world"。

示例 2，函数addNum()包括函数doAdd() （闭包）。内部函数是一个闭包，因为它将获取外部函数的参数 iNum1和iNum2以及全局变量 iBaseNum的值。 addNum()的最后一步调用了doAdd()，把两个参数和全局变量相加，并返回它们的和。

这里要掌握的重要概念是，doAdd()函数根本不接受参数，它使用的值是从执行环境中获取的。

闭包，根据 ECMAScript 描述，词法（lexically）表示包括不被计算的变量的函数，函数可以使用函数之外定义的变量，它意味着当前作用域总能够访问外部作用域中的变量。函数是JavaScript中唯一拥有自身作用域的结构，因此闭包的创建依赖于函数。函数内部的函数访问其所在函数的变量（局部变量、形参），这些变量会受到内部函数的影响，当其外部函数外被调用时，就会形成闭包。内部的函数会在其外部函数返回后，被执行。

示例 3：

说明： foo 是bar的外部函数，ba 是foo的内部函数；a是foo的局部变量； bar 访问foo的局部变量 a； foo 返回bar。 bar在foo的外部被调用。 当执行 baz() 后，闭包使Javascript 垃圾回收机制不会回收foo所占的资源。因为，baz 实际指向foo的内部函数bar，bar依赖 foo的局部变量a。这样，在执行var baz=foo()后，baz实际指向了bar，而不是foo。bar访问了foo的局部变量a，当执行baz()后，a 为20。这就形成了一个闭包。

如果把foo看作是一个包，根据剪头指示，形成了一个闭包。结果是局部变量a的持久性（如示例 4 所示）。下面代码就不是闭包。无论执行多少次，都是显示 20。

参考自：http://www.toutiao.com/a6459693220359045645/?tt_from=weixin&utm_campaign=client_share&app=news_article&utm_source=weixin&iid=14394189501&utm_medium=toutiao_ios&wxshare_count=1