为什么要使用闭包和如何使用闭包

骑猪看日落 2021-09-30 05:34 260阅读 0赞

# 闭包 #

JS中的闭包是一个我们经常遇到的名词，到底什么是闭包？为什么我们要使用闭包？又该如何使用闭包呢？

## 为什么我们需要闭包 ##

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

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`的。

## 总结 ##

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

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

使用闭包的优点是可以避免全局变量污染，缺点是容易造成内存泄露（不再用到的内存，没有及时释放，就叫做内存泄漏）。