js 中的闭包

先理解 js 中的执行环境(https://www.jianshu.com/p/5e5eb74505da)

闭包 如果我们把函数的变量对象当做是一个包的话，那这个词很形象体现了它的作用 。函数被调用时会创建它的执行环境，函数语句执行完后程序会自动销毁这个函数的执行环境，但是当一个函数中声明了另一个函数（子函数），并且如果存在对这个子函数引用，就会形成闭包，形象点说就相当于把父函数的活动对象(其实就是变量对象，只是它是执行时的变量对象)给关闭了起来，不让程序去销毁它（用技术语言就是父函数的活动对象会储存在内存中，直到手动的解除这个引用）。例如：

function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    // 此处产生闭包 
    b();
} 
a();

此时，当函数执行时b函数中的name在引用a函数中定义的变量name，因此当a 函数执行完后，它的活动变量仍然存在于内存中，当然，大部分的闭包都不是这么直观的，因为子函数的调用是可以在父函数之外的，例如：

function a() {
    var name = "xuxu";
    function b() {
        console.log(name);
    }
    return b;
} 
var c=a();
// 此处产生闭包 此处的c函数其实就是b函数
c();

通过以上代码，我们也可以看出一个闭包的好处，就是我们再全局作用域（此处是widow）下访问到了局部作用域(a函数)的作用域的值，按正常的词法作用域是无法这么做的，但是当我们使用闭包是就可以了。然后我们再看一点我们平时写的比较多的：

function foo() {
    var a = 2;
    function baz() {
          // 2
        console.log( a ); 
    }
    bar( baz );
}
function bar(fn) {
// 大家快看呀，这就是闭包！
    fn(); 
}

又或者

var fn;
function foo() {
    var a = 2;
    function baz() {
        console.log( a );
    }
    // 将baz分配给全局变量
    fn = baz; 
}
function bar() {
     // 大家快看呀，这就是闭包！
    fn();
}
foo();
// 2
bar(); 

以上也是闭包，因此在函数内部调用子函数，或者通过何种手段将内部函数传递到所在的词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会使用闭包