闭包--循序学习

「爱情、让人受尽委屈。」 2022-07-15 20:24 166阅读 0赞

感觉似懂非懂的概念，这里记录理解进程。

# 1.javascript的闭包 #

参考：[百度百科][Link 1]。

什么是闭包

“官方”的解释是：所谓“闭包”，指的是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。

相信很少有人能直接看懂这句话，因为他描述的太学术。我想用如何在Javascript中创建一个闭包来告诉你什么是闭包，因为跳过闭包的创建过程直接理解闭包的定义是非常困难的。看下面这段

### 代码 ###

<table style="height: 142px; width: 273px;"> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div> 
    <div>
      6 
    </div> 
    <div>
      7 
    </div> 
    <div>
      8 
    </div> 
    <div>
      9 
    </div> </td> 
   <td> 
    <div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>a(){ </code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>i=0;</code> 
     </div> 
     <div> 
      <code>function</code>&nbsp; 
      <code>b(){ </code> 
     </div> 
     <div> 
      <code>alert(++i);</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>return</code>&nbsp; 
      <code>b;</code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
     <div> 
      <code>var</code>&nbsp; 
      <code>c=a();</code> 
     </div> 
     <div> 
      <code>c();</code> 
     </div> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

### 特点 ###

这段代码有两个特点：

1、函数b嵌套在函数a内部；

2、函数a返回函数b。

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

当函数a的内部函数b被函数a外的一个变量引用的时候，就创建了一个闭包。

### 作用 ###

简而言之，闭包的作用就是在a执行完并返回后，闭包使得Javascript的垃圾回收机制 [GC][]不会收回a所占用的资源，因为a的内部函数b的执行需要依赖a中的变量。这是对闭包作用的非常直白的描述，不专业也不严谨，但大概意思就是这样，理解闭包需要循序渐进的过程。

在上面的例子中，由于闭包的存在使得函数a返回后，a中的i始终存在，这样每次执行c（），i都是自加1后alert出i的值。

那 么我们来想象另一种情况，如果a返回的不是函数b，情况就完全不同了。因为a执行完后，b没有被返回给a的外界，只是被a所引用，而此时a也只会被b引 用，因此函数a和b互相引用但又不被外界打扰（被外界引用），函数a和b就会被 [GC][]回收。（关于Javascript的垃圾回收机制将在后面详细介绍）

[Link 1]: http://baike.baidu.com/link?url=XCHO9VOwBnymDciw9mC49MWeOPtWQqZGb5TGqE25wo1vssg-PIJCRPPqq1SmfT-gSDDvckmBg0bpl_IGPN7AS_
[GC]: http://baike.baidu.com/subview/315216/9956046.htm