JS 闭包

前置知识：
1.JavaScript有两种作用域：全局作用域和函数作用域。函数内部可以直接读取全局变量，函数外部不能访问内部变量
2.函数执行完毕后，局部活动对象会被销毁
3.内存中仅保存全局作用域(全局执行环节的变量对象)

需求：
如果出于种种原因，需要得到函数内的局部变量。正常情况下，这是办不到的，只有通过变通方法才能实现。那就是在函数的内部，再定义一个函数。

function f1() {
  var n = 999;
  function f2() {
　　console.log(n); // 999
  }
}

上面代码中，函数f2就在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1就是不可见的。这就是JavaScript语言特有的”链式作用域”结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

既然f2可以读取f1的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！

function f1() {
  var n = 999;
  function f2() {
    console.log(n);
  }
  return f2;
}

var result = f1();
result(); // 999

上面代码中，函数f1的返回值就是函数f2，由于f2可以读取f1的内部变量，所以就可以在外部获得f1的内部变量了。

---

定义：闭包是有权访问另一个函数作用域中的变量的函数。
创建闭包常见方式：在一个函数内部创建并返回另一个函数。
闭包产生的时机：外部函数执行，内部函数声明的时候。

---

闭包就是函数f2，即能够读取其他函数内部变量的函数。由于在JavaScript语言中，只有函数内部的子函数才能读取内部变量，因此可以把闭包简单理解成“定义在一个函数内部的函数”。闭包最大的特点，就是它可以“记住”诞生的环境，比如f2记住了它诞生的环境f1，所以从f2可以得到f1的内部变量。在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

闭包的最大用处有两个**，一个是可以读取函数内部的变量，另一个就是让这些变量始终保持在内存中，即闭包可以使得它诞生环境一直存在。**

function fn(m) {
var max = 1
  return function () {
	  if(max < m){
		  return m++;
	  }
  };
}

var inc = fn(5);

inc() // 5
inc() // 6
inc() // 7

上面代码中，m是函数fn的内部变量。通过闭包，m的状态被保留了，每一次调用都是在上一次调用的基础上进行计算。从中可以看到，闭包inc使得函数fn的内部环境，一直存在。所以，闭包可以看作是函数内部作用域的一个接口。

为什么会这样呢？原因就在于inc始终在内存中，而inc的存在依赖于fn，因此也始终在内存中，不会在调用结束后，被垃圾回收机制回收。

高程中是这样解释的：调用fn()，产生fn()执行上下文环境，压栈，并设置为活动状态。，fn()调用完成。按理说应该销毁掉fn()的执行上下文环境，但是这里不能这么做。注意，重点来了：因为执行fn()时，返回的是一个函数。函数的特别之处在于可以创建一个独立的作用域。而正巧合的是，返回的这个函数体中，还有一个自由变量max要引用fn作用域下的fn()上下文环境中的max。因此，这个max不能被销毁，销毁了之后bar函数中的max就找不到值了。
因此，这里的fn()上下文环境不能被销毁，还依然存在与执行上下文栈中。

---

常见误区
1.必须是return function
1-1.对象属性应用

const obj = {};
function outFun (){
    var a = 0;
    obj.newFun = function innerFun(b){
        a+=b;
        return a;
    }
}
outFun();
var res1 = obj.newFun(1);
console.log(res1);   //1
var res2 = obj.newFun(2);
console.log(res2);   //3

1-2全局变量引用

let newFun;
function outFun (){
    var a = 0;
    newFun = function innerFun(b){
        a+=b;
        return a;
    }
}
outFun();
var res1 = newFun(1);
console.log(res1);   //1
var res2 = newFun(2);
console.log(res2);   //3

1-3全局数组引用

let arr = [];
function outFun (){
    var a = 0;
    function innerFun(b){
        a+=b;
        return a;
    }
    arr.push(innerFun);
}
outFun();
var res1 = arr[0](1);
console.log(res1);   //1
var res2 = arr[0](2);
console.log(res2);   //3

总结：
文章的输出节奏也是根据红宝书的目录来的，不知道大家第一次看到函数这块的感觉是什么样的，我是真的很头疼，加上网上的博客辅助理解，这才明白过来，写下来和大家共勉。自己慢慢也发现好记性不如烂笔头，一些东西记录下来对自己的理解帮助更大。