JS 闭包简介

一、定义

JS的闭包指的是具有这样特征的一类函数：

它能够访问到其他函数作用域内的局部变量

这里举一个简单的例子来说明：

首先需要理解的是 JS 的变量作用域——在函数内可以直接访问函数外的全局变量;

var n=999;
function f1(){
alert(n);
}
f1(); // 999

而在函数外却不能直接访问函数内的局部变量。

function f1(){
var n=999;
}
alert(n); // error

而有时我们需要读取函数内的变量，这时我们就需要利用闭包。

前面提到过在 JS 中由于链式作用域结构的存在，子对象可以一级一级的向上访问到父对象的变量，即父对象的变量对子对象都是可见的，而反之则不成立(类似 Java中内部类与外部类的关系)。那么我们只要在函数内再嵌套一个函数并把内部函数作为外部函数的返回值，不就可以获取到外部函数内的局部变量了吗。

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

这里我们就实现了一个闭包，不过从网上看到的有把result叫闭包的，也有把f2叫闭包的，我个人认为应该f2才是按照定义上的闭包，不过也不用对这个太纠结，知道闭包是干什么的就行了。

二、闭包的用法

闭包有一个与一般函数不同的特性：一般函数执行完时，其局部变量就被销毁，内存中仅保存全局作用域；而闭包中的局部变量却还可以保存在内存中（类似静态变量）。

这个特性既带来了优点，也带来了潜在的问题：

优点

可以避免使用全局变量，从而避免过多全局变量造成的污染；
也方便了我们把一个局部变量驻留更久

缺点

如果不及时将对象引用释放，则会造成内存泄露；
闭包本身由于函数嵌套，会对性能带来一定的负面影响

这里举两个例子来说明闭包的用法：

1、局部变量的累加

function outer(){
    var x=10;
    return function(){             //函数嵌套函数
            x++;
            alert(x);
    }
        }
    var y = outer();              //外部函数赋给变量y;
    y();                    //y函数调用一次，结果为11，相当于outer()
    y();                //y函数调用第二次，结果为12，实现了累加

2、实现私用变量

JS 中并不像 Java 一样有 Public、Private 等访问控制关键字，但我们可以用闭包来模拟这个特性：

var Counter = (function() {
    var privateCounter = 0;
    function changeBy(val) {
    privateCounter += val;
    }
    return {
        increment: function() {
        changeBy(1);
    },
    decrement: function() {
    changeBy(-1);
    },
    value: function() {
    return privateCounter;
        }
    }   
})();

alert(Counter.value()); // 提示 0 
Counter.increment();
Counter.increment();
alert(Counter.value()); // 提示 2 
Counter.decrement();
alert(Counter.value()); // 提示 1  

这里privateCounter就变成了一个只能通过预先写好的函数来控制与访问的私有变量，等于实现了一种封装。