作用域

作者: 后发而先制 | 来源:发表于2017-07-21 17:35 被阅读0次

    能够储存变量当中的值,并且能在之后对这个值进行访问或修改

    javascript 是门编译语言。

    在传统编译语言的流程中,程序中的一段源代码在执行之前会经历三个步骤,统称为“编译”。

    编译器一般做的工作。

    1.分词/词法分析

    2.解析/语法分析

    3.代码生成

    理解作用域

    引擎 :从头到尾负责整个 JavaScript 程序的编译及执行过程。

    编译器:引擎的好朋友之一,负责语法分析及代码生成等脏活累活(详见前一节的内容)。

    作用域:引擎的另一位好朋友,负责收集并维护由所有声明的标识符(变量)组成的一系列查询,并实施一套非常严格的规则,确定当前执行的代码对这些标识符的访问权限。

    例子: var a=2; JS引擎将如何工作?

    1. 引擎 分2步  

    var a  编译器在编译时处理  

     a =2 由引擎在运行时处理 

    2 编译器会进行如下处理。

    a 询问作用域是否有一个变量a存在于同一个作用域。如果是,就忽略声明进行编译,如果不是,就在当前作用域生成一个新的变量 a.

    b 接下来编译器给引擎做运行代码生成。处理a=2的这个赋值操作。代码运行 时引擎开始询问当前作用域有没有这个变量a 有就开始赋值  如果没有 引擎继续询问当前作用域的上一级作用域,只到找到变量a为止,如果全局作用域还没找到就抛出一个错误。


    运行代码阶段引擎和作用域如果协助工作

    引擎会为变量 a 进行 LHS 查询。另外一个查找的类型叫作 RHS。

    变量出现在赋值操作的左侧时进行 LHS 查询,出现在右侧时进行 RHS 查询。

    例子:

    function foo(a){  //隐式 a="RHS"  LHS查询   这有=XX  a需要通过LHS查找

    console.log(a)  //RHS查询 同理 没有赋值语句 a 通过RHS去找。

    }

    foo("RHS");  //RHS查询;

    解释 foo("RHS") 没有赋值语句 简单就认为是在右边 通过RHS去找吧 

    书中生动的解释

    引擎:我说作用域,我需要为 foo 进行 RHS 引用。你见过它吗?

    作用域:别说,我还真见过,编译器那小子刚刚声明了它。它是一个函数,给你。

    引擎:哥们太够意思了!好吧,我来执行一下 foo。

    引擎:作用域,还有个事儿。我需要为 a 进行 LHS 引用,这个你见过吗?

    作用域:这个也见过,编译器最近把它声名为 foo 的一个形式参数了,拿去吧。

    引擎:大恩不言谢,你总是这么棒。现在我要把 2 赋值给 a。

    引擎:哥们,不好意思又来打扰你。我要为 console 进行 RHS 引用,你见过它吗?

    作用域:咱俩谁跟谁啊,再说我就是干这个。这个我也有,console 是个内置对象。

    给你。

    引擎:么么哒。我得看看这里面是不是有 log(..)。太好了,找到了,是一个函数。

    引擎:哥们,能帮我再找一下对 a 的 RHS 引用吗?虽然我记得它,但想再确认一次。

    作用域:放心吧,这个变量没有变动过,拿走,不谢。

    引擎:真棒。我来把 a 的值,也就是 2,传递进 log(..)。

    作用域嵌套

    例子

    function foo(a) {

    console.log( a + b );

    }

    var b = 2;

    foo( 2 ); // 4

    变量 b 现在foo 函数中查找有没有b这个变量,没有 再去上一级作用域。这里是全局作用域寻找b 找到了 b 为2;

    异常

    区分 LHS 和 RHS?

    例子 

    function foo() {

    console.log(b);

    a=2;

    }

    foo();

    console.log(b); 是RHS查找  如果在所有作用域都找不到b  RHS查找  引擎会抛出另外一种类型的异常,叫作 TypeError。

    a=2 是 LHS查找  如果在所有作用域都找不到a  就会在全局作用域下创建一个a变量 把2赋值给 a.

    PS:“严格模式"下 LHS RHS  引擎会抛出另外一种类型的异常,叫作 TypeError。

    相关文章

      网友评论

          本文标题:作用域

          本文链接:https://www.haomeiwen.com/subject/tohjkxtx.html