精通闭包原理和作用域原理

闭包：

什么是闭包呢？
我们先看一段代码

<script>
  var outerValue = 'outValue'
  var later

  function outerFunction() {
    var innerValue = 'innerValue'

    function innerFunction() {
      console.log('断言1',outerValue=='outValue')
      console.log('断言2',innerValue=='innerValue')
    }

    later = innerFunction
  }

  outerFunction()
  later()
</script>

仔细研究一下内部函数 innerFunction 中的代码，看看我们能否预测会发生什么。
● 第一个断言肯定会通过，因为外部变量 outerValue 在全局作用域内，并且在任何地方都可见。但是第二个断言呢？
● 外部函数执行后，我们通过将内部函数的引用赋值给全局变量 later，再通过 later执行该函数调用内部函数。
● 当内部函数执行时，外部函数的作用域已经不存在了，并且在通过 later 调用内部函数时，外部函数的作用域已不可见了。
● 所以我们可以很好地预见断言失败，因为内部变量innerValue肯定是undefined，对吧？

但是结果是两个都打印为true
**这怎么可能呢？**是什么魔法使得在内部函数的作用域消失之后再执行内部函数时，其内部变量仍然存在呢？
当在外部函数中声明内部函数时，不仅定义了函数的声明，而且还创建了一个闭包。该闭包不仅包含了函数的声明，还包含了在函数声明时该作用域中的所有变量。当最终执行内部函数时，尽管声明时的作用域已经消失了，但是通过闭包，仍然能够访问到原始作用域。

结论

所以我认为闭包是一种引用，能够通过这种引用访问变量的函数都具有一个作用域链，作用域链包含闭包的全部信息，这一点非重要。因此，虽然闭包是非常有用的，但不能过度使用。使用闭包时，所有的信息都会存储在内存中，直到 JavaScript引擎确保这些信息不再使用（可以安全地进行垃圾回收）或页面卸载时，才会清理这些信息。

闭包的使用

1、封装私有变量

实列代码

<script>
  function Students() {
    var number = 0

    this.getNumber = function() {
      return number
    }

    this.setNumber = function() {
      number++
    }
  }

  var std1 = new Students()
  std1.setNumber()
  console.log("std1 number",std1.getNumber())
</script>

● 通过变量 std1 ，对象实例是可见的。
● 因为 setNumber 方法在闭包内部，因此可以访问变量 number 。
● 在闭包外部，我们无法访问变量 number 。
通过使用闭包，可以通过方法对 number 的状态进行维护，而不允许用户直接访问——这是因为闭包内部的变量可以通过闭包内的方法访问，构造器外部的代码则不能访问闭包内部的变量

2、回调函数

处理回调函数是另一种常见的使用闭包的情景。回调函数指的是需要在将来不确定的某一时刻异步调用的函数。