闭包

前情提要：

 JS变量分为两种：局部变量和全局变量

*函数内部可以直接访问全局变量。

函数内部直接访问全局变量

*而函数外部却无法访问函数内部的变量。

函数外部无法访问局部变量

引申出一个问题：如何在函数外部访问函数内部的变量呢？

函数外部访问局部变量

   既然inner可以读取outer中的局部变量，那么只要把inner作为返回值，我们就可以在outer外部读取它的内部变量了吗 。

    于是“闭包”概念诞生。

什么是闭包？

     闭包就是：能够读取其他函数内部变量的【函数】，在javascript中，只有函数内部的子函数才能读取局部变量，所以闭包可以理解成“定义在一个函数内部的【函数】“。在本质上，闭包是将函数内部和函数外部连接起来的桥梁。

     进一步说：一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

闭包特点：1:引用外部函数变量对象中的值；2:在外部函数的外部被调用

简单的闭包实现

外部函数访问局部变量

闭包的作用

    闭包可以用来【间接的访问一个变量】，相当于把【变量隐藏】，如果写全局变量就可能会被人随意修改，所以我们可以定义一个不能让人【直接访问】到的局部变量，然后再写一个【函数】作为访问器把变量暴露出去。

从堆栈的角度看闭包

      在程序运行时，计算机会为应用程序分配一定的内存空间；应用程序则会自行分配所获得的内存空间，其中一部分被用于记录程序中正在调用的各个函数的运行情况，这就是函数的调用栈。常规的函数调用总是会在调用栈最上层添加一个新的堆栈帧（stack frame，也翻译为“栈帧”或简称为“帧”），这个过程被称作“入栈”或“压栈”（意即把新的帧压在栈顶）。

   回顾基础：基本变量的值一般都是存在栈内存中，而对象类型的变量的值存储在堆内存中，栈内存存储对应空间地址。

创建栈流程

栈

      首先在全局执行环境中，我们可以访问到变量a和fn，进入fn时栈内存会push一个fn的执行环境，这个环境里有变量b和函数fn1，也可以访问到全局的执行环境。进入fn1时，栈内存会push一个fn1的执行环境，这个执行环境下无变量，但是可以访问到fn执行环境和全局环境下的变量。

     随着fn1()执行完毕，fn1的执行环境被杯销毁，接着执行完fn()，fn的执行环境也会被销毁，只剩全局的执行环境下，现在没有b变量，和fn1函数对象了，只有a 和 fn(函数声明作用域是window下)。

    在函数内访问某个变量是根据函数作用域链来判断变量是否存在的，而函数作用域链是程序根据函数所在的执行环境栈来初始化的，因为程序在访问变量时，是【向底层栈一个个找】的。

闭包实际情况：

当执行完result = outer这一句之后，outer函数并没有被销毁，因为它里面的变量仍被inner的函数作用域链所引用，当执行完inner之后，inner和outer的执行环境才会被销毁。

闭包的优缺点

它的最大用处有两个：

         1、可以读取函数内部的变量

         2、就是让这些变量的值始终保持在内存中。

闭包的缺点就是常驻内存会【增大内存使用量】，并且使用不当很容易造成内存泄露。《JavaScript高级编程》书中建议：由于闭包会携带包含它的函数的作用域，因为会比其他函数占用更多内容，过度使用闭包，会导致内存占用过多。

如果不是因为某些特殊任务而需要闭包，在没有必要的情况下，在其它函数中创建函数是不明智的，因为闭包对脚本性能具有负面影响，包括处理速度和内存消耗。

闭包的使用场景

1:setTimeout/setInterval

2:回调函数（callback）

3:事件句柄（event handle）

---

参考博客：

1:https://zhuanlan.zhihu.com/p/22486908

2:https://www.cnblogs.com/sandaizi/p/11582488.html

3:http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html