如何产生闭包?

• 当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时, 就产生了闭包

闭包是什么?

• 通过chrome工具调试查看得知: 闭包本质是内部函数中的一个对象, 这个对象中包含引用的变量属性
• 理解一: 闭包是嵌套的内部函数(绝大部分人)
• 理解二: 包含被引用变量(函数)的对象(极少数人)
• 注意: 闭包存在于嵌套的内部函数中

产生闭包的条件?

• 函数嵌套
• 内部函数引用了外部函数的数据(变量/函数)

常见的闭包

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

function fn1() {
  var a = 2;
  function fn2() {
    a++;
    console.log(a);
  }
  return fn2;
}
var f = fn1();
f();
f();

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

function showDelay(msg, time) {
    setTimeout(function () {
      alert(msg)
    }, time)
  }
  showDelay('atguigu', 2000)

闭包的作用

1. 使用函数内部的变量在函数执行完后, 仍然存活在内存中(延长了局部变量的生命周期)
2. 让函数外部能操作内部的局部变量

闭包的生命周期

1. 产生: 在嵌套内部函数定义执行完时就产生了(不是在调用)
2. 死亡: 在嵌套的内部函数成为垃圾对象时

闭包的应用 :

1. 定义JS模块

• 具有特定功能的js文件
• 将所有的数据和功能都封装在一个函数内部(私有的)
• 只向外暴露一个包信n个方法的对象或函数
• 模块的使用者, 只需要通过模块暴露的对象调用方法来实现对应的功能

2. 循环遍历加监听
3. JS框架(jQuery)大量使用了闭包

闭包缺点

1. 函数执行完后, 函数内的局部变量没有释放, 占用内存时间会变长，容易造成内存泄露
   解决：
   • 能不用闭包就不用
   • 及时释放 : f = null; //让内部函数对象成为垃圾对象
2. 闭包会在父函数外部，改变父函数内部变量的值。
   多个子函数的[[scope]]都是同时指向父级，是完全共享的。因此当父级的变量对象被修改时，所有子函数都受到影响。
   解决:
   • 变量可以通过 函数参数的形式 传入，避免使用默认的[[scope]]向上查找
   • 使用setTimeout包裹，通过第三个参数传入
   • 使用 块级作用域，让变量成为自己上下文的属性，避免共享

内存溢出与内存泄露

1. 内存溢出

• 一种程序运行出现的错误
• 当程序运行需要的内存超过了剩余的内存时, 就出抛出内存溢出的错误

2. 内存泄露

• 占用的内存没有及时释放
• 内存泄露积累多了就容易导致内存溢出
• 常见的内存泄露:
  • 意外的全局变量
  • 没有及时清理的计时器或回调函数
  • 闭包