闭包的理解以及使用场景

一、变量的作用域

要理解闭包，首先必须理解Javascript特殊的变量作用域。

变量的作用域无非就是两种：全局变量和局部变量。

问题：全局变量和局部变量各自有什么缺点？

全局变量：在函数体外定义的变量，每个函数都能使用修改，就会造成全局污染
局部变量：在函数体内定义的变量，只有当前函数能使用，但是不能在全局重复使用

函数在创建的时候会创建两个对象，一个是函数对象本身，另一个是作用域链对象 函数在调用的时候会创建一个执行环境对象（活动对象）

二、闭包

既能重复使用，又不会污染全局？闭包！
可以把闭包简单理解成"定义在一个函数内部的函数"。

形成闭包的三步

1、外层函数嵌套内层函数
2、内层函数使用外层函数的局部变量
3、把内层函数作为外层函数的返回值

特点

闭包可以在一个全局函数里操作另一个作用域的局部变量

外层函数的活动对象不能被释放

可以避免使用全局变量，防止全局变量污染；

占内存而且有内层泄露风险
内存泄露：内存里的一些数据没人用但是也没有被释放

每调用一次外层函数就可以得到一套闭包，两套闭包各自有自己的n来重复使用，互相不影响

三、原理

function numCompany () {
      var n = 1
      function getNum () {
        return ++n
      }
      return getNum
    }
    // fn接收的时numCompany的返回值，也就是getNum函数本身
    var fn = numCompany()

四、使用场景

点击li弹出下标

//闭包： 每一趟村循环都是一个闭包，每个闭包里都有自己的index
    for (var i = 0; i < list.length; i++) {
      list[i].onclick = (function (index) {
        // 点击事件的处理函数是内层函数
        return function () {
          alert(index)
        }
      })(i)
    }