JavaScript闭包

JavaScript闭包

理解闭包

1、如何产生闭包

当一个嵌套的内部（子）函数引用了嵌套（父）函数的变量（函数）时，就产生了闭包

2、闭包到底是什么

理解一：闭包是嵌套的内部函数（绝大部分人）
理解二：包含被引用变量（函数）的对象（极少数人）
注意：闭包存在于嵌套的内部函数中

3、产生闭包的条件

1)函数嵌套
2）内部函数引用了外部函数的数据（变量/函数）
代码例子：

function fn1 () {
    var a = 3
    function fn2 () {
      console.log(a)   //这里引用了fn1中的变量a，闭包产生
    }
  }
  fn1()

常见的闭包

1、将函数作为另一个函数的返回值

function fn1() {
    var a = 2
    function fn2() {
      a++
      console.log(a)
    }
    return fn2   //这里将函数fn2作为返回值
  }
  var f = fn1()

2、将函数作为实参传递给另一个函数调用

function showMsgDelay(msg, time) {
    setTimeout(function () {
      console.log(msg)
    }, time)
  }
  showMsgDelay('hello', 1000)

闭包的作用

1、使用函数内部的变量在函数执行完后，仍然存活在内存中（延长了局部变量的生命周期）
2、让函数外部可以操作（读写）到函数内部的数据（变量/函数）
代码说明：

<script type="text/javascript">
  function fun1() {
    var a = 3;
    function fun2() {
      a++;      //引用外部函数的变量--->产生闭包
      console.log(a);
    }
    return fun2;
  }
  var f = fun1();  //由于f引用着内部的函数-->内部函数以及闭包都没有成为垃圾对象
  f();   //间接操作了函数内部的局部变量
  f();
</script>

闭包的生命周期

产生：在嵌套内部函数定义执行完时就产生了（不是在调用）
死亡：在嵌套的内部函数成为垃圾对象时
代码说明：

 function fun1() {
    //此处闭包已经产生
    var a = 3;
    function fun2() {
      a++;
      console.log(a);
    }
    return fun2;
  }
  var f = fun1();
  f();
  f();
  f = null //此时闭包对象死亡

闭包的应用

定义JS模块：
1、具有特定功能的js文件
2、将所有的数据和功能都封装在一个函数内部（私有的）
3、只向外暴露一个包信n个方法的对象或函数
4、模块的使用者，只需要通过模块暴露的对象调用方法来实现对应的功能

闭包的缺点及解决

缺点：
1、函数执行完后，函数内的局部变量没有释放，占用内存时间会变长
2、容易造成内存泄露
解决：
1、能不用闭包就不用
2、及时释放