简述JavaScript闭包

1.引入闭包

  • 我们先从两个经典例子中提出我们的问题
function a(b){
    var c = "123";
    return function(){
        console.log(b);
        console.log(c);
    }
}
let b = a("b");
b();    //"b" "123"


let func = function(){
    var arr = new Array();
    for(var i = 0 ; i < 5;i++){
        arr[i] = function(){
            return i;
        }
    }
    return arr;
}

当然,如果你有了解过相关闭包的知识,那么上面的每个数组函数都会返回5。在这里可以很明确的告诉你这就是闭包。闭包究竟是什么,按照红宝书上面的定义是这么解释的

闭包是指有权访问另一个函数作用域中的变量的函数

当然,我觉得闭包有一点也特别重要,创建闭包时就创建了一个不销毁的作用域
接下来我就简单的剖析一下闭包,说到闭包总不能忘记几个概念,作用域链执行上下文变量对象

2.执行上下文

当我们调用一个函数的时候就会创建一个函数的环境,我们可以称之为执行环境,简单点也可称之为环境。当然,咱们在这里叫作执行上下文。当然,每个函数都会有各自的执行上下文。简单来说,就是函数里面的执行环境。执行上下文定义了变量或函数有权访问其他数据决定了他们各自的行为

3.变量对象

每个执行上下文中有会有与之关联的变量对象,在上下文中定义的所有变量和函数都会放在这里面。当然我们是取不到它的,我们只能想象它的存在。解析器在处理数据的时候就会在后台使用变量对象。但是如果在函数中的话,我们称之为活动对象

var a = 2;
var b = 0;
function abc(c){
    var b = 1;
    return a+b+c;     
}

abc(3)  //5

那么上面这个例子是不是闭包?当然不是,第一它没有创建一个不销毁的作用域,第二他没有返回引用类型。但是上面这个函数可以帮我们理解变量对象。那么上例中函数abc的活动对象是b、c,全局的变量对象是a、b

4.作用域链

作用域链是用来指向变量对象的,作用域的用途是保证对执行环境有权访问的所有变量和函数的有序访问。作用域的前面,始终都是当前执行的代码所在环境的变量对象

我们回到上面那个abc的例子,在创建abc函数的时候就会创建一个包含全局变量对象的作用域链,当调用abc函数时,就会将abc的活动对象推到作用域链的前端,当函数要寻找变量时就会按照作用域链依次往下找

未命名文件 (6).png

所以上例子中,abc函数会先在活动对象变量b,c,再到外部去寻找a,因此结果得到为6

5.闭包

既然作用域链、变量对象、执行上下文我们都简述了一遍,那么接下来我们说回闭包。

闭包是指有权访问另一个函数作用域中的变量的函数

我们再一次把闭包的定义扔出来,这下子我们就大概清晰许多了。那么我们接下来创建闭包函数

function abc(c){
    let a = 1;
    return function(b){
        return a+b+c;
    }
}
let test = abc(2);
let result = test(3);       //6

当我们调用abc函数时,其abc活动对象就会推到作用域链的前端,当我们返回其匿名函数时,匿名函数的活动对象就会被推到作用域链的前端,因此在里面就可以访问到外面的值。

作用域链

由于我们将test变量赋予了abc的返回值,函数abc中就产生一个无法销毁的活动对象,匿名函数的作用域链一直引用其abc函数活动对象。因此在内存就产生了一个不销毁的活动对象,这也是导致内存泄漏的原因。这么来说,只要test一直存在,那么abc的活动对象都不会被销毁。

function abc(c){
    let a = 1;
    return function(b){
        return a+b+c;
    }
}
let test = abc(2);
let result = test(3);       //6

test=null;  //解除对匿名函数引用,释放abc活动对象,随后执行完便可被回收

那么问题又来了,以下的函数算不算闭包呢?

function abc(c){
    let a = 1;
    return function(b){
        return a+b+c;
    }
}

abc(2)(3);      //6

看上去和上面没什么区别,实际上这已经不是闭包了。原因在于它没有创建一个不销毁的作用域链,它并没有定义一个变量去引用这个匿名函数,所以该函数在执行完以后就会被销毁。这只是一个普通的匿名函数而已。

说完我们回到第一个问题上面

let func = function(){
    var arr = new Array();
    for(var i = 0 ; i < 5;i++){
        arr[i] = function(){
            return i;
        }
    }
    return arr;
}

这个每个数组函数中返回的都是5,原因在于闭包保存的是整个变量对象,因此每个函数中都保存一样的变量对象。它们引用的都是一个变量i。所以在执行闭包时,i已经执行到5,返回的i自然便是5

  • 闭包的作用

闭包的作用就是可以在内存中保留一些变量,使其不被销毁。当然,还有重要的一点就是可以访问外界的变量与函数,取到另外一个作用域上面的值。

最后

对闭包的简述就到这里了,想要深入了解闭包还需要花更多功夫在上面。成功不是在一朝一夕之间,我们都需要努力!

原创文章,转载请注明出处

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,547评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,399评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,428评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,599评论 1 274
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,612评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,577评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,941评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,603评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,852评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,605评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,693评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,375评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,955评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,936评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,172评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 43,970评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,414评论 2 342

推荐阅读更多精彩内容