JS 闭包

概念

　　简单来讲，就是函数包含函数，内部函数可以访问外部函数（包含函数）的变量和参数，而外部函数（包含函数）却无法访问内部函数的任何变量。创建闭包的常见方式，就是在一个函数内部创建另一个函数。

　　这里面涉及到执行上下文和作用域链的知识。当一个函数被调用时，会产生一个执行环境和相应的作用域链。内部函数不仅拥有自身的作用域链，还拥有外部函数的作用域及全局作用域。

　　由于闭包会携带包含它的函数（包含函数）的作用域，因此会比其他函数占用更多的内存。过度使用闭包会导致内存占用过多，内存无法释放，造成内存泄漏（被分配的内存既不能被使用，也不能被回收，从而影响性能，甚至导致程序崩溃）。

　　解决办法：闭包使用过后，将变量设置为null，解除对DOM对象的引用，顺利减少其引用数，确保内存正常回收。

 

例子

　　

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

var f1 = fn();
　　 x = 100;
f1(20); // 20
f1 = null;

　

执行fn()时，返回的是一个函数。函数的特别之处在于可以创建一个独立的作用域，返回的这个函数体中，自由变量x要引用fn作用域下的fn()上下文环境中的x。因此，这个x不能被销毁，销毁了之后bar函数中的x就找不到值了。

因此，这里的fn()上下文环境不能被销毁，还依然存在与执行上下文栈中。

重点：创建bar函数是在执行fn()时创建的。fn()早就执行结束了，但是fn()执行上下文环境还存在与栈中。

 

参考原文链接：https://www.cnblogs.com/wangfupeng1988/p/3994065.html

感谢博主分享！