javascript 之小白学习指南 闭包的详解

在学习闭包之前 我希望大家已经能弄清楚 这么几个知识点
第一个：作用域
第二个：作用域链
第三个：执行上下文 活动对象

如果还有不清楚的 可以看看相应的小白学习指南

下面我们来看看闭包的概念
一种解释就是：闭包就是函数局部变量的集合，只是这些变量在函数返回后任然会继续存在

第二种解释：闭包就是就是函数的“堆栈”在函数返回后并不释放，我们也可以理解为这些函数堆栈并不在栈上分配而是在堆上分配

第三种解释：当在一个函数内定义另外一个函数就会产生闭包，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。

说完了概念 我们来看看闭包的基本用法

function fn(){
    var max = 10;
    return function(x){
        if(x>max) console.log(x)
    }
}
var f1 = fn();
f1(15);// 15

为什么？ 我们将函数 fn 赋值给了变量 f1 但是 函数 fn 是返回的一个函数 所以我们调用这个 返回的函数 并且传递一个参数15进去 在这个匿名函数中调用了外面的函数 的变量max，但是 函数fn其实已经执行完了 按照规则 函数执行完后 这个函数中的变量应该被销毁才对 但是没有 因为 我们返回的匿名函数调用了 这个变量 所以 这个变量不能销毁 必须继续保持在内存中 只有当 这个匿名函数执行完成以后 这个变量才会被销毁

var max = 10;
var fn = function(x){
    if(x>max){
        console.log(x)
    }
}

(function(f){
    var max = 100;
    f(15);
})(fn)

这里 f(15)执行后输出的什么呢？ 我们看到这是一个自运行匿名函数 参数 f 在调用时被赋值成上面的函数然后我们传入15进去 在这个匿名函数中 他有调用了 变量 max 这里我想问一下 这个变量 max 是多少？
没错这个变量 max 是10 而不是100 为什么 这个就涉及到活动对象 执行上下文的相关知识了

function f1(){
　　　　var n=999;
　　　　nAdd=function(){n+=1}
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999
　　nAdd();
　　result(); // 1000

在这段代码中，result实际上就是闭包f2函数。它一共运行了两次，第一次的值是999，第二次的值是1000。这证明了，函数f1中的局部变量n一直保存在内存中，并没有在f1调用后被自动清除。
为什么会这样呢？原因就在于f1是f2的父函数，而f2被赋给了一个全局变量，这导致f2始终在内存中，而f2的存在依赖于f1，因此f1也始终在内存中，不会在调用结束后，被垃圾回收机制（garbage collection）回收。
这段代码中另一个值得注意的地方，就是”nAdd=function(){n+=1}”这一行，首先在nAdd前面没有使用var关键字，因此nAdd是一个全局变量，而不是局部变量。其次，nAdd的值是一个匿名函数（anonymous function），而这个匿名函数本身也是一个闭包，所以nAdd相当于是一个setter，可以在函数外部对函数内部的局部变量进行操作