JavaScript 闭包理解

闭包就是能够读取其他函数内部变量的函数，因为 JS 中，只有函数内部的子函数才能读取局部变量，因此闭包的本质：就是在一个函数内部创建一个函数，创建的函数可以访问到当前函数的局部变量

1、闭包的特点：

1、函数嵌套函数

2、函数内部可以引用函数外部的参数和变量

3、参数和变量不会被垃圾回收机制回收

2、闭包的用途：

1、通过在外部调用闭包函数，可以在函数外部访问到函数内部的变量

2、使已经运行结束的函数上下文中的变量对象继续留在内存中，因为闭包函数保留了这个变量对象的引用，所以这个变量对象不会被回收

以下是两个代码例子（方便理解）

function fn(){
    var num = 1;
    return function(){
        return num;
    }
}

var fn1 = fn();
console.log(fn1());//1

以上代码中，fn（）中的返回值是一个匿名函数，这个函数在fn（）作用域中，使用它可以访问到fn（）作用域下变量num的值，然后将这个值作为返回值赋给全局变量fn1，这样就实现了在函数外部访问函数内部的变量

function fn(){
    var num = 1;
    return function(){
        var n = 0;
        console.log(++n);
        console.log(++num);
    }
}

var fn1 = fn();
fn1();// 1 2
fn1();// 1 3
fn1();// 1 4

以上代码中，fn（）中的返回值是一个匿名函数，这个匿名函数被赋给了fn1，因为当一个函数执行结束后，函数和它里面的变量都会被摧毁掉。而匿名函数中访问了fn（）里的变量num，所以变量num不会被销毁，而fn1（）执行结束后，fn1（）和里面的变量n都会被销毁，只剩下变量num留在内存中，这就实现了在函数执行结束后，使变量继续保留在内存中。

3、循环使用闭包解决var定义函数的问题（面试题）

//每隔1s输出一个i
for (var i = 1 ; i <= 5 ; i++) {
    (function(i){
        setTimeout(function timer(){
            console.log(i);
        },1000*i)
    })(i)
}
//输出 1 2 3 4 5 

//同时输出1 2 3 4 5
for (var i = 1 ; i <= 5 ; i++) {
    (function(i){
        setTimeout(function timer(){
            console.log(i);
        },1000)
    })(i)
}
//输出 1 2 3 4 5 

4、闭包优点

①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突

②在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）

③匿名自执行函数可以减少内存消耗

5、闭包缺点

①被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；

②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响

参考文章：JS中的闭包