谈谈自己对作用域链和闭包的理解

今天我们学习了 Javascript 中作用域链和闭包的相关知识,在此写一篇文章来总结一下,加深自己对这两个知识点的理解。


作用域链:


要了解作用域链,必须先明白执行环境(execution context ),执行环境定义了变量或函数有权访问的其他数据。定义了他们的行为。每个执行环境都有一个和它关联的变量对象,在这个执行环境中的所有变量和函数都保存在这个对象中。在web浏览器中,全局执行环境的变量对象就是 window 对象,所有的全局变量和函数都是 window 的属性和方法。而对于函数来说,变量对象就是这个函数的 活动多象。

作用域链与一个执行环境相关,作用域链用于在标示符解析中变量查找。

函数也是对象,也拥有属性和方法,每个函数中都有一个内部属性 [[ Scope ]],这个属性指向函数的作用域链。作用域链中储存的是每个执行环境中相关的变量对象。当申明一个函数,那么就会创建出这个函数的作用域链,这个作用域链此时只包含一个变量对象,就是 window 对象。当调用这个函数的时候,会先创建一个执行环境,这个执行环境有自己的作用域链,作用域链里初始化为这个函数里所有的变量和对象,再创建这个执行环境相关的变量对象,变量对象会储存这个函数里所有的变量和对象。把变量对象储存在作用域的顶端,执行函数时,变量查找从作用域顶端开始查找,直到作用域的末端。就形成了作用域链。

请看下列代码:

内部函数的作用域图:


闭包:

在上面的代码中,createSumFunction函数返回了一个匿名函数,而这个匿名函数使用了createSumFunction函数中的局部变量(参数),即使createSumFunction这个函数执行结束了,由于作用域链的存在,他的局部变量在匿名函数中仍然可以使用,这个匿名函数就是闭包。

闭包用一句简单的话来描述:

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

闭包是一种特殊的对象。它是由函数和创建此函数的环境组成。环境由创造闭包时作用域中所有的局部变量组成。上面代码中,sumFun就是一个闭包,由匿名函数和创建闭包是所申明的num1 和num2两个局部变量组成。

闭包的应用:

请看下面代码:

以上代码中,虽然函数申明在num++之前。但是函数调用的时候num 已经++ 过了,所以最后的num值为6.由此可知:闭包中使用局部变量的值,一定是这个变量的最新值(最后的值)。

请看一下代码:

此列是经典的for循环问题。当运行的时候会发现,无论你点击哪个按钮,都是弹出 “我是底4个按钮”,这就是闭包所导致的。因为所取 i 的值,总是最新的值。

解决方案:

好了,本次总结就到此结束了,因为刚刚学习,总结得不好,也不到位,希望各位能够理解支持,也能把自己的建议告诉我,我定积极进取。

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

推荐阅读更多精彩内容