JavaScript的闭包特性

 

       闭包是一个比较抽象的概念,尤为是对js新手来讲。在这里，我就我我的的理解j简单谈一下：

     闭包：官方解释是一个拥有许多变量和绑定了这些变量的环境的表达式（一般是一个函数），于是这些变量也是该表达式的一部分。然而，当我看到这个官方解释的时候顿时就以为不通常，这个解释太学术了，没达到必定境界的人是理解不了其中深层次内涵的。为此，咱们将举出实例来初步说明js中的闭包特性。在了解闭包特性以前，咱们须要补充了解变量的做用域。

1、变量的做用域

       在JS当中一个变量的做用域（scope）是程序中定义这个变量的区域。变量分为两类：全局（global）变量和局部变量。其中全局变量的做用域是全局性的，即在JavaScript代码中，它到处都有定义。而在函数以内声明的变量，就只在函数体内部有定义。它们是局部变量，做用域是局部性的。函数的参数也是局部变量，它们只在函数体内部有定义。

       咱们能够借助JavaScript的做用域链（scope chain）更好地了解变量的做用域。每一个JavaScript执行环境都有一个和它关联在一块儿的做用域链。这个做用域链是一个对象列表或对象链。当JavaScript代码须要查询变量x（以下图）的值时（这个过程叫作变量解析（variable name resolution）），它就开始查看该链的第一个对象。若是那个对象有一个名为x的属性，那么就采用那个属性的值。若是第一个对象没有名为x的属性，JavaScript就会继续查询链中的第二个对象。若是第二个对象仍然没有名为x的属性，那么就继续查询下一个对象，以此类推。若是查询到最后（指顶层代码中）不存在这个属性，那么这个变量的值就是未定义的。

     

例子1：js中的全局变量，结果为50       例子2：js中的局部变量,结果报错，缘由就                                                              是函数中的局部变量在外部是不能被引用      

           

      例子3：看看下面代码，初一看好像结果是50，可是结果确实undefinde,咱们来解释说明下为何是undefind----->

      做用域链图中很明确的表示出：在变量解析过程当中首先查找局部的做用域，而后查找上层做用域。在例子1中的函数当中没有定义变量i，因而查找上层做用域（全局做用域），进而进行输出其值。可是在例子2中的函数内定义了变量i（不管是在alter以后仍是以前定义变量，都认为在此做用域拥有变量i），因而再也不向上层的做用域进行查找，直接输出i。然而在例子3中，函数内部依然定义了变量i，因而不会去查找全局做用于，然而不幸的是此时的局部变量i并无赋值，因此输出的是undefined。

                               

2、闭包的概念

    上面官方解释比较学术，我我的比较赞成下面这个说法——>即函数定义和函数表达式位于另外一个函数的函数体内。并且，这些内部函数能够访问它们所在的外部函数中声明的全部局部变量、参数和声明的其余内部函数。当其中一个这样的内部函数在包含它们的外部函数以外被调用时，就会造成闭包。也就是说，内部函数会在外部函数返回后被执行。而当这个内部函数执行时，它仍然必需访问其外部函数的局部变量、参数以及其余内部函数。这些局部变量、参数和函数声明（最初时）的值是外部函数返回时的值，但也会受到内部函数的影响。-----我的理解就是：闭包是可以读取其余函数内部变量的函数，即在外面能够调用函数中的函数的变量，其实他就是将函数内外部链接起来的桥梁。

以下面例子4：

这段代码有如下两个特色：

     一、函数b嵌套在函数a内部；二、函数a返回函数b；

引用关系以下图：

 

          

      这样在执行完var c = a()后，变量c其实是指向了函数b，b中用到了变量i，再执行c()后就会弹出一个窗口显示i的值(第一次为1)。这段代码其实就建立了一个闭包，为何？由于函数a外的变量c引用了函数a内的函数b，就是说：

   当函数a的内部函数b被函数a外的一个变量引用的时候，就建立了一个咱们一般所谓的“闭包”。

 

      当函数b执行的时候亦会像以上步骤同样。所以，执行时b的做用域链包含了3个对象：b的活动对象、a的活动对象和window对象，以下图所示：

          

如图所示，当在函数b中访问一个变量的时候，搜索顺序是：

1. 先搜索自身的活动对象，若是存在则返回，若是不存在将继续搜索函数a的活动对象，依次查找，直到找到为止。
2. 若是函数b存在prototype原型对象，则在查找完自身的活动对象后先查找自身的原型对象，再继续查找。这就是Javascript中的变量查找机制。
3. 若是整个做用域链上都没法找到，则返回undefined。

3、闭包的用途及优点

（一）、用途

     一、闭包能够读取函数内部变量    二、将函数内部变量的值始终保存在内存中

例子5：

      这个例子中的result实际上就是闭包函数b，他一共运行两次，第一次值99，第二次值为100，这就说明i一直在内存中，而不是在第一次a函数调用以后就自动清除。另外还需注意iAdd=function(){i++;}，这里iAdd是全局变量，且它的值为匿名函数，其实也是一个闭包。

（二）、优点

 

 一、保护函数内的变量安全。以最开始的例子为例，函数a中i只有函数b才能访问，而没法经过其余途径访问到，所以保护了i的安全性。

 

 

 

 二、在内存中维持一个变量。依然如前例，因为闭包，函数a中i的一直存在于内存中，所以每次执行c()，都会给i自加1。

 

 三、经过保护变量的安全实现JS私有属性和私有方法（不能被外部访问）。

 

原文地址：http://my.oschina.net/longteng2013/blog/156782