js中的闭包

1.什么是闭包：

闭包是javascript中的一个重要知识点，面试经常问到，需要我们熟练掌握。根据javascript高级程序设计中解释：闭包是指有权访问一个函数作用域中局部变量的函数。

要认知闭包，就要知道js中有两种作用域：全局作用域，局部作用域，与之对应的是全局变量和局部变量。我们都知道在函数内部中可以访问到全局作用域中的全局变量，但是在全局作用域中一般却无法访问某个函数的局部变量。为了解决这个问题，我们必须知道闭包。

2.闭包展示：

先来个简单的吧

<script>
   function fn () {
      var name = 'zs'
      function fon () {
        console.log(name);
      }
      fon()
    }
    fn() // zs
  </script>

上述代码就用到了闭包，且听我慢慢道来：首先定义了fn函数，在函数内部声明name变量和定义了fon函数。当执行fn（）时，fon函数中的name会读取fn函数中的name，最后打印zs。即在fon函数中可以访问fn这个局部作用域中的局部变量name。这就是闭包的优势，但凡事都有两面性，有优必有缺（会导致内存泄漏）。

再来

 <script>
   function fn () {
      var name = 'zs'
      function fon () {
        console.log(name);
      }
      return fon;
    }
    var f = fn()
    f(); // zs
  </script>

上述代码同样用到了闭包。执行f()打印zs，该过程是在外部就访问到了函数内部的变量。不难看出，闭包的作用之一是延长了局部变量的作用域范围。

再如：

 <script>
    // 闭包
    function fn() {
      var arr = [];
      for(var i=0;i<5;i++) {
        arr[i] = function() {
          return i;
        }
      }
      return arr
    }
    var list = fn()
    for(var i =0;i<list.length;i++) {
      console.log(list[i]());
    }
  </script>

大家猜猜，执行结果是什么？对，就是打印5个5。

咱们细品：首先执行fn函数，for循环给每个arr[i]赋予了function() {return i;}，循环下来得到五组函数function() {return i;}，并且此时i = 5；继续执行最下面for循环，list[i]()相当于执行function() {return i;}，不过i此时是5，而list中有5个这样的函数，所以打印5个5.

3.闭包的作用：

1.延长了局部变量的作用域范围。

2.使函数外部可读取到函数内部的数据。

4.闭包的缺点：
1.函数执行完后，函数内的局部变量没有释放，占用内存时间会变长
2.容易造成内存泄漏