新人JS学习笔记1:关于闭包与this

此学习笔记仅供参考,有不实之处请及时指出,以免误人子弟。欢迎吐槽与指教!

                                                                                                                            ——写在文章之前的话

在学习JS的时候,无数的前辈都告诉我,闭包很重要!

所以我去网上查阅了很多的资料,但是还是一头雾水——直到我拿起了红宝书。

很多之前没理清的头绪在看书的过程中抽丝剥茧的捋顺了,这就是经典的价值所在。

所以也奉劝各位同仁,尤其是初学者,要想学好知识,最好的方法就是找一本经典的教材好好看看,这都是经过市场与大众的检验的。不要以为看几个视频就能将到别人冥思苦想好久的心血化为己有。

Too young too Simple!

言归正传,首先来了解一下闭包是个什么东西?

JS的尿性大家都知道,内部环境可以读取外部环境的变量,但是外部环境无法读取内部环境的变量。那么如何读取内部环境的变量呢?

很简单!只要将内部环境也变为外部环境不就可以了!

所以闭包的普遍形象就是函数内部包含另一个函数。

但是在了解闭包之前,js的作用域以及作用域链是必要的知识储备,这两点了解不透彻,闭包也是很难学会的。

举个书上的栗子:


最后返回的结果为10个10,这是为什么?

原因是因为ff()函数内的匿名函数可以访问到ff()函数的所有变量,更为重要的是该匿名函数的作用域链会引用ff()函数的活动对象——即使ff()函数执行完毕,它的活动对象也不会被销毁。直到该匿名函数执行环境被销毁时,ff()的活动对象才会被销毁。

什么是活动对象?

简单来说,活动对象就是被调用的变量对象。

了解活动对象就要首先了解执行环境,要知道js中有两种执行环境,一种是全局执行环境,另一种为函数执行环境。每个执行环境中都有一个变量对象,变量对象就是执行环境中所包含的所有的变量与函数。变量对象会在执行环境销毁后就消失。

所以反观上述例子中,ff()函数的活动对象被引入了其内部的匿名函数的作用域链中,当函数内部for循环执行完毕后,ff()函数执行要返回result,而result也要返回匿名函数内部的i,由于匿名函数的作用域链中保存着ff()函数的活动对象,所以每个i其实都指向同一个变量。

所以说,闭包只能获取包含函数中任何变量的最后一个值

关于this对象

先简单说一下this对象的基本概念,this在运行时是基于函数的执行环境绑定的:在全局函数中,this等于window,在匿名函数中也同样,当然如果你使用call和apply除外(它俩能够改变this的指向),还有一个是当函数被作为某个对象的方法而被调用的时候,this等于那个对象。

举个书中经典的例子:

请先思考5分钟,想想最后alert出来的是什么?

首先,我们需要知道每个函数在被调用的时候都会自动获取两个特殊变量:this和arguments。内部函数在搜索这两个变量时,只会在搜索到其活动对象为止。(活动对象不明白的请返回前面看看)

由此我们可以得知getnameFunction是没有活动对象的,所以这个this指向的就是全局变量name。

所以最后的输出为The window

以上是我学习闭包与this的一点心得,若有错误请及时指出,谢谢!

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

推荐阅读更多精彩内容