<你不知道的JavaScript>阅读笔记-1/作用域和闭包

作用域的由来

编程语言的基本功能就是能够存储变量当中的值,并且能够对其进行访问和修改,将变量引入程序会引起几个有意思的问题?
1.变量储存在哪里?
2.程序需要的时候如何找到他们?
//这些问题说明需要一套设计良好的规则来存储变量,并且之后可以方便地找到这些变量,这套规则就是作用域!
//那么接着问题又来了,我们如何设置这些作用域的规则呢?

编译原理

  • JavaScript是一门编译语言,但是它又和传统的编译语言不同,它不是提前编译的,编译结果也不能在分布式系统中进行移植,尽管如此JavaScript引起进行编译的步骤和传统的编译语言非常相似
编译语言:在代码执行前有一个编译过程,将代码解释成机械语言,以后再用这段代码,就不用再翻译了
解释语言:在代码运行的时候,边翻译边执行,明显这种方式的代码运行速度是比较慢的
  • 传统编译语言,程序中的一段源代码在执行之前要经历三个步骤,统称"编译"
词法分析,语法分析,代码生成
  • 任何JavaScript代码在执行之前都进行编译,var a =2 ;这句简单的代码,在运行前,浏览器中的JavaScript编译器,会对它进行编译,然后执行
    //计算机是一个机器,机器只认识0和1,任何高级的语言都需要编译器来把代码翻译成机器语言,机器才能运行.
    //互联网技术就像一座大厦,大厦是一砖一瓦由低到高建立起来的
  • 浏览器中主要有以下几个角色
    //JavaScript引擎,JavaScript编译器,作用域,
    //JavaScript引擎负责代码的编译和执行工作
    //JavaScript编译器负责代码的编译工作
    //作用域负责和两者沟通的角色
var a =2 ;就以这句简单的代码为例
//遇到var a的时候,编译器会询问作用域是否已经有一个该名称的变量存在于同一个作用域的集合中?如果是,编译器会忽略该声明,继续进行编译,否则它会要求作用域在当前作用域的集合中声明一个新的变量,并命名为a
//接下来编译器会为引起生成运行时所需要的代码,这些代码被用来处理a=2这个赋值操作,引擎运行时首先询问作用域,在当前的作用域集合中是否存在一个叫做a的变量?如果是引擎就会使用这个变量,否则,引擎会继续向上索引查找该变量
//如果引擎找到了a变量,就会将2赋值给它,否则引擎就会抛出异常
  • 总结:
    变量的赋值操作会执行两个动作,首先编译器会在作用域中声明一个变量(如果之前没有声明过),然后在运行时引擎会在作用域中查找该变量,如果能够找到就会对它赋值

编辑器有话说

  • 编译器在编译过程的第二部中生成了代码,引擎执行时,会通过查找变量a来判断它是否声明过,查找的过程由作用域来协助,但是引擎执行怎样的查找,会影响最终的查找结果
  • 当变量出现在复制操作的左侧时,进行LHS查询,出现在右侧时进行RHS查询
    //区别在于,RHS查找,与简单的查找某个变量的值没有区别,而LHS查找是试图
    找到变量的容器本身,从这个角度上来说,RHS并不是真的意义上的赋值操作的右侧,更准确来说是非左侧
    //更准确地说:赋值操作的目标是谁(LHS)
    谁是赋值操作的源头(RHS)

作用域嵌套

  • 作用域是根据名称查找变量的一套规则
  • 实际情况中,当一块或函数嵌套在另一块或函数中时,就会发生作用域的嵌套,因此,在当前作用域中无法找到某个变量时,引擎就会在外层嵌套的作用域中继续查找,知道找到该变量或抵达最外层的作用域(全局作用域),如果还是没有找到就停止

区分LHS和RHS是很重要的一件事情

作用域是一套规则,用于确定在何处以及如何查找变量(标识符),如果查找的目的是对变量进行复制,那么就会使用LHS查询,如果目的是为了获取变量的值,就会使用RHS查询

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

推荐阅读更多精彩内容