对JS闭包的理解

  闭包,是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后面加了个(),就执行了进入卫生间的这个动作了~

 

posted @ 2018-09-27 17:08  姜腾腾  阅读(1301)  评论(0编辑  收藏  举报