var a=1和var a =b的区别

一、引擎,编译器,作用域

  • 引擎:   负责整个Javascript程序的编译及执行过程
  • 编译器:负责语法分析及代码生成
  • 作用域:负责收集并维护有所有声明的标识符组成的一系列查询

二、编译器(编译过程var a=1;)

  • 第一步:编译器首先会将这段代码分解成词法单元,然后将词法单元解析成树结构
  • 第二步:对词法单元进行解析,解析到var a时,编译器会询问作用域是否存在一个变量名为a在同一作用域的集合中。如果有,编译器就忽略此声明。反之,在要求的作用域下声明变量。
  • 第三步:生成可以运行代码(=1)给引擎执行,生成代码的这个过程就涉及到LHS和RHS(具体细节看第三节)的俩种赋值概念。
  • 第四步:引擎运行编译器生成的代码时,会询问作用域是否存在在当前作用域下变量名为a的集合,如果没有,则在向上一级作用域查找变量名a(具体细节看第四节)。如果有,引擎则对变量名为a的集合赋值。

三、LHS和RHS

       3.1 什么是LHS、RHS

            LHS:赋值操作的目标是谁。
            RHS:谁是赋值操作的源头

上面的解释是我通过其他途径了解到的,我自己也不是很明白。按我自己的理解:LHS就是正常的变量赋值(a=1),RHS就是通过第三方来赋值的(a=b,b=2)

举例:

function foo(a){
    console.log(a);
}
var b=2
foo(b);

程序调用foo() 方法:

  • 步骤一:因为函数需要传参,故先对foo()进行RHS赋值
  • 步骤二:对形参a进行LHS赋值(a=2)
  • 步骤三:对console进行RHS赋值
  • 步骤四:对参数a进行LHS赋值(a=2)
  • 注意:每次程序执行(引擎)访问变量或函数时,都会去询问作用域该变量或函数是否存在。如果不存在则可能会向上查找,或者抛异常(第五小节)。
       3.2 区分LHS、RHS的重要性

            (1)如果是LHS赋值,在顶级作用域(全局)找不到改变量,则全局作用域下,会隐式创建一个具有该名称的变量,并将其返还给引擎(非严格模式下)

   function foo(){
      a=2;
  }
  //a为定义,此时全局创建一个名为a的变量集合

            (2)如果是RHS赋值,在所有嵌套的作用域下遍寻不到该所需的变量,则抛出异常ReferenceError

function foo(){
  var a=b;
}
//a为定义,此时会抛ReferenceError

但在ES5中对于这个弊端,也给出了规定。(具体看第五小节)

四、引擎寻找变量

  • 当引擎在当前作用域找不到变量名为a的集合时,会向外层嵌套的作用域进行查找直到找到该变量为止,或抵达最外层的作用域(也就是全局作用域)为止
  • 在ES6中,对这个弊端,也得到了解决。具体可以点击这里

五、异常

  • 在ES5中引入了“严格模式”,严格禁止自动或隐式地创建全局变量
  • 在严格模式中LHS查询失败时,并不会创建并返回一个全局变量,引擎会抛出同查询失败时类似的ReferenceError异常
  • 对于RHS赋值,如果查询找到一个变量,但是如果你尝试对这个变量进行不合理操作,比如对一个非函数类型的值进行函数调用,或者引用null,underfined类型的值中的操作,那么引擎会抛出另外一个异常,叫做TypeError
  • 总结:在严格模式下,抛出异常ReferenceError则同作用域判别失败相关,而TypeError则代表作用域判别成功了,但是对结果的操作是不合法的

进阶版

欢迎访问我的个人博客

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容