什么是闭包？闭包的用途是什么？闭包的优缺点是什么？

闭包是什么

MDN上对于闭包的解释是这样的：

一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。也就是说，闭包让你可以在一个内层函数中访问到其外层函数的作用域。在 JavaScript 中，每当创建一个函数，闭包就会在函数创建的同时被创建出来。

闭包的用途是什么

在学习闭包的过程中，最让我困惑的就是这个问题，为什么要使用闭包和如何使用闭包。查阅很多资料也还是很抽象，最后是这三个例子让我有所理解。

首先来看一个例子，我们来实现一个计数器。

var counter = 0;
function add() {
   return counter += 1;
}
add();
add();
add();// 计数器现在为 3

现在我们已经达到了目的，可是问题来了，代码中的任何一个函数都可以随意改变counter的值，所以这个计数器并不完美。那我们把counter放在add函数里面不就好了么？

function add() {
    var counter = 0;
    return counter += 1;
} 
add();
add();
add();// 本意是想输出 3, 但输出的都是 1 

所以这样做的话，每次调用add函数，counter的值都要被初始化为0，还是达不到我们的目的。

如何使用闭包 所以这时候我们就要用闭包去解决这个问题了，先看代码。

var add = (function () {
    var counter = 0;
    return function () {return counter += 1;}
})();
add();
add();
add();// 计数器为 3

这时候我们完美实现了计数器。这段非常精简，可以拆分成如下等价代码。

function outerFunction () {
     var counter = 0;
     function innerFunction (){
         return counter += 1;
     }
     return innerFunction;
}
var add = outerFunction();
add();
add();
add();// 计数器为 3

这时候的add就形成了一个闭包。一个闭包由两部分组成，函数和创建该函数的环境。环境是由环境中的局部变量组成的。对于闭包add来说，它由函数innerFunction和变量counter组成，所以这时候add是可以访问变量counter的。

总结

• 所以闭包的功能就是使一个函数能访问另一个函数作用域中的变量。形成闭包之后，该变量不会被垃圾回收机制回收。

• 闭包的原理其实还是作用域。

• 使用闭包的优点是可以避免全局变量污染，缺点是由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。