闭包

闭包是一个与其词法环境绑定在一起的函数。

• 词法环境是函数可以访问其父环境中变量的环境
• 闭包允许从函数内部访问外部函数的内容！

要理解这两句话，我们首先需要了解执行上下文是如何创建的以及调用堆栈是如何工作的！

• 每当javaScript函数运行时，都会创建调用执行上下文global execution context并将其放入堆栈中。
• 每当调用函数时，都会创建函数的执行上下文并将其放入调用堆栈！
• 栈时LIFO(后进先出)结构！放在栈顶部的数据先出来！
• 每当一个函数被放入 stack 时，它都有关于它当前在代码中的位置的信息，即它的词法环境。

例子：

function outerFunc(){
    var a=7;
    function innerFunc(){
     console.log(a)
    }
    return innerFunc;
}

var output= outerFunc();
console.log(output);
output();

• 在outerFunc内部有一个个名为 innerFunc() 的函数，我们使用函数名，将它作为变量返回！
• InnerFunc() 内部没有变量声明或者函数定义！
• 如果我们在屏幕截图中看到输出，则在第 10 行，整个 innerFunc() 被返回。
• 如果我们将返回值作为 function 调用，我们可以看到 innerFunc() 正在执行，虽然 outerFunc() 在第 7 行结束，但 a 的值可以通过词法作用域在innerFunc环境中访问，然后在第 4 行a's打印值。

function outerFunc(){                         
var a=7;                 
function innerFunc(){    
console.log(a)           
}                       
 a=100                   
 return innerFunc;       
}                       

var output= outerFunc(); 
console.log(output);     
output();

• 这题的答案可能会有人觉得是7，但由于第 6 行，所有事情都发生了变化，并且输出为 100！
• 在第 10 行，调用了 outerFunc()，它返回了与示例 1 相同的 innerFunc() 的值
• 不同的是在第 6 行，值a被重新初始化为 100。虽然 innerFunc() 可以访问a，我们在示例 1 中看到的值。它不存储 a的值，但具有对a的地址的引用。
• 截至目前，a的地址与之前相同，但值现在更改为 100。因此，输出更改。