您好、欢迎来到现金彩票网!
当前位置:2019欢乐棋牌 > 作用域解析 >

JS入门难点解析3-作用域

发布时间:2019-07-02 05:10 来源:未知 编辑:admin

  (注1:如果有问题欢迎留言探讨,一起学习!转载请注明出处,喜欢可以点个赞哦!)

  在本系列的前一篇文章JS入门难点解析2-JS的变量提升和函数提升中,我们已经讨论过。之所以不说JS需要编译,只是它不像其他编译语言一样需要翻译成等价的另一种语言。但是仍然需要进行语法分析和代码生成,并且通常是立即执行。而且,JS的变量提升和函数提升就发生在编译阶段。

  那么,在这里我们来思考一下,这些变量在哪里?换句话说,它们储存在哪里?最重要的是,程序需要时如何找到它们?要解决这个问题,我们需要一套规则来存储变量,并且之后可以方便地找到这些变量。这套规则被称为作用域。

  我们会在今后对引擎与编译知识做深度探讨,但在此处,只需要理解其概念与作用即可。如下:

  这段代码是不是比你想的还要简单,仅仅是在声明一个变量a的同时为其赋值2。那么,引擎和编译器是如何处理这段代码的呢?

  遇到 var a,编译器会询问作用域是否已经有一个该名称的变量存在于同一个作用域的集合中。如果是,编译器会忽略该声明,继续进行编译;否则它会要求作用域在当前作用域的集合中声明一个新的变量,并命名为 a。

  接下来编译器会为引擎生成运行时所需的代码,这些代码被用来处理 a = 2 这个赋值操作。引擎运行时会首先询问作用域,在当前的作用域集合中是否存在一个叫作 a 的变量。如果是,引擎就会使用这个变量;如果否,引擎会继续查找该变量。

  总结:变量的赋值操作会执行两个动作,首先编译器会在当前作用域中声明一个变量(如果之前没有声明过),然后在运行时引擎会在作用域链中查找该变量,如果能够找到就会对它赋值。

  编译器在编译过程的第二步中生成了代码,引擎执行它时,会通过查找变量 a 来判断它是 否已声明过。查找的过程由作用域进行协助,但是引擎执行怎样的查找,会影响最终的查找结果。那么引擎如何进行查询呢?

  引擎的查询方式有两种,即LHS和RHS。变量出现在赋值操作的左侧时进行 LHS 查询,出现在右侧时进行 RHS 查询。讲得更准确一点,RHS 查询与简单地查找某个变量的值别无二致,而 LHS 查询则是试图找到变量的容器本身,从而可以对其赋值。从这个角度说,RHS 并不是真正意义上的“赋值操作的右侧”,更准确地说是“非左侧”。对于此处的“var a = 2;”变量a出现在左侧,所以是LHS查询。

  其实这样说很是笼统,读者对赋值的理解也可能局限于“=”的左右侧而已。我们不妨换个角度来理解。还记得,前面我们说到,变量最重要的两点就是存储和引用。那么代码中出现变量时,如果目的是要进行存储,也就是我们关心的是要找到变量的容器本身,来进行不同数据的存储赋值操作,而不关心现在这个容器里面存的时候是什么,就会用到LHS。而如果我们的目的只是拿这个变量来用,也就是只关心这个变量存储的内容是啥,而不需要关心这个变量存在哪个容器,那么就会用到RHS。

  事实上,查找的过程并不仅限于查找开始时所处的当前执行作用域。当一个块或函数嵌套在另一个块或函数中时,就发生了作用域的嵌套。因此,在当前作用域中无法找到某个变量时,引擎就会在外层嵌套的作用域中继续查找,直到找到该变量, 或抵达最外层的作用域(也就是全局作用域)为止。但是如果对变量的查询如果是以查找不到的结果终止时,LHS和RHS的表现是不同的。

  看到这里,我们就能理解,为什么在函数内部不用var 声明变量而直接赋值时,为什么该变量会成为一个全局变量的原因了。

  如果 RHS 查询找到了一个变量,但是你尝试对这个变量的值进行不合理的操作, 比如试图对一个非函数类型的值进行函数调用,或着引用 null 或 undefined 类型的值中的属性,那么引擎会抛出另外一种类型的异常,叫作 TypeError。

  ReferenceError 同作用域判别失败相关,而 TypeError 则代表作用域判别成功了,但是对结果的操作是非法或不合理的。

  事实上,JavaScript采用的是词法作用域,所以这个例子的结果是 1。

  官方中文版原文链接 感谢社区中各位的大力支持,译者再次奉上一点点福利:阿里云产品券,享受所有官网优惠,并抽取幸运大奖:点击这里领取 几乎所有语言的最基础模型之一就是在变量中存储值,并且在稍后取出或修改这些值的能力。事实上,在变量中存储值和取出值的能力,给程序赋予了 状态。 ...

  如果我的文章对你有用,请给我一个赞,让我有继续坚持的动力/微笑。原创文章,此文章仅供学习参考使用,欢迎访问我的个人网站zhengyepan一、理解作用域js越是基础的知识,越是会被人以为没有什么大不了的,其实,js的基础是很有“内涵”的,就作用域来讲。首先需要了解几个概念 ...

  首先,JavaScript确实是一门编译型语言,与C等典型编译型语言相比,区别在于JavaScript的编译过程(通常)是在实际执行前进行的,而且并不会产生可移植的编译结果。 一、编译过程 通常的编译过程: 通常的编译过程分为以下三步 1. 分词与词法分析: 把输入的字符串...

  什么是作用域 对变量值的存储、访问、修改带给程序状态的改变编程语言的基本功能之一是能够存储变量当中的值,在之后对这个值进行访问或修改。事实上,正是这种存储和访问变量值的能力将状态带给了程序。若没有这个状态的概念,程序虽然能执行简单的任务,但会受到高度限制。 作用域是存放与访...

  You dont KnowJS 引语:你不懂的JS这本书�github上已经有了7w的star最近也是张野大大给我推荐了一波,阅读过之后感觉对js的基础又有了更好的理解。本来我是从来不这种读书笔记的,但是这本书的内容实在是太多太多哪哪都是重点。所以也就决定记录以下重要的地...

  居然还有算24点这种题,我头脑马上飞快转动起来。自从出院之后感觉自己脑袋越来越好使了,我有点自恋地想。 正常情况是行不通的,逆着来呢?突然我灵光一闪,手在键盘下敲击起来,(5-1÷5)×5=24!没顾得上高兴我又看向下一题。 下一题居然是生物学类的,给出一小段知识...

  一、因特网的多媒体信使 Web浏览器、服务器、和相关的Web应用都是通过HTTP相互通信的,HTTP使用的是可靠的数据传输协议,因此即使数据来自地球的另一端,它也能确保数据在传输过程中不会被损坏或者产生混乱。 二、Web客户端和服务器 Web内容都是存储在Web服务器上的,...

  今天晚上很偶然地看到了两次学生时代这四个字。 一次是分享了图书馆的闭馆音乐到朋友圈,然后有朋友评论“马上不能当学生了”,开始心里还没有特别的感触,甚至还有点欣喜,马上可以不用再写那一百多页的论文,不用天天跑到实验室去倒腾各种化学试剂微生物,不用…… 然后我再随意的刷下朋友圈...

http://ampguimods.com/zuoyongyujiexi/130.html
锟斤拷锟斤拷锟斤拷QQ微锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷锟斤拷微锟斤拷
关于我们|联系我们|版权声明|网站地图|
Copyright © 2002-2019 现金彩票 版权所有