对JS闭包的理解

Posted 2021-01-09 姜腾腾

　　闭包，是JS里很重要的一个概念，也是相对来讲不太容易理解的一个东西，不过即使难理解，我们也要迎难而上啊，嘿嘿，网上有很多文章都在讲闭包，我在看JS设计模式的时候，书里也着重讲了闭包，但是书里官方的的确是不太容易理解，而网上很多高手也对闭包进行了相对容易理解一些的解释，我也参考大家的文章，按自己理解的闭包，做个学习总结~如果有不对的地方，谢谢路过的读者慷慨指出。下面我们不说废话进入正题。

　　我们这里不着急先说闭包是个什么东西，先说说闭包形成的原因，为什么会出现闭包这个东西。对于计算机语言来讲，最重要的不是计算，而是存储，JS也是一样的，而提到存储，我们就应该想到变量，提到变量，我们要说两个相关概念：作用域和生存周期。

　　JS的作用域，有全局作用域和函数作用域，如果我们不用关键字var去声明变量，这个变量就是全局变量，而全局变量，在任何位置都能访问，而且永远都会存在，除非我们主动销毁，这样的变量占用内存并且容易造成命名冲突，所以非必要，我们不要这样声明变量。而我们使用var关键字在函数中声明的变量，就是局部变量，这个变量只有在函数内部才能被访问，函数外部访问不到，而且当函数执行的时候，会生成变量，而函数调用结束后，变量也会被销毁。简单来说，就是函数在运行的时候，可以访问到函数内部的变量，也可以访问函数上一层级的变量，但是在函数外面，不能访问函数内部的变量，函数和函数之间，也不能互相访问对方的变量，而且函数里的变量，就只有在运行的时候存在。但有些情况下，我们需要访问函数内部的变量，这样，闭包就产生了。

　　所以闭包是什么呢？简单来说，闭包就是能够读取其他函数内部变量的函数。我感觉闭包其实就像个小门一样，函数就像一个屋子，屋子里有卧室、厨房、卫生间，本来这个屋子只有一个门可以进去，我们想进卫生间的话，就只能从这个大门进去，然后再进卫生间，而闭包就像个小门一样，在卫生间另开了一个门，我们在整间屋子的外面，想进屋里的卫生间，如果有了小门，我们就不用走大门进去，而是打开小门，直接就进到了卫生间里。闭包其实就是这个小门~

　　下面我们来段代码帮助理解一下：

function house() {
    var a = "手机";　　　
    function wc() {
        alert("我从卧室里拿了"+a+"上厕所~");
    }
    wc();　　
}　
house();

　　看这段代码，我们在house这个函数里声明了一个变量a，用于存放手机，这部手机我们放在屋子里了，假设我们在客厅看电视，突然想上厕所，大家都知道，不拿手机没法上厕所啊，所以我们拿起茶几上的手机进了厕所，这是正常情况下，我们在屋子里，可以上厕所，但是如果我们在屋子外边 怎么办？着急上厕所，屋子锁门了，我们进不去啊！这个时候，我们就像，如果厕所有个小门开着就好了，我们不就可以直接上厕所了吗？还可以顺便拿上客厅的手机~嘿嘿，在js中，我们可以使用闭包来实现这个过程，代码如下：

function house() {
    var a = "手机";　　　
    function wc() {
        alert("我从卧室里拿了"+a+"上厕所~");
    }
    return wc;　　
}　
var goWc = house();
goWc();

　　看上面的代码，goWc其实就是我们留的这个小门，而return wc它其实是一个指针，只是指向这个小门，告诉你说这里有条路可以直接进卫生间，但是并没有进入卫生间的这个动作，那我们怎么进卫生间的呢？我们给goWc后面加了个()，就执行了进入卫生间的这个动作了~