欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

深入理解javascript中的左查询和右查询

程序员文章站 2022-05-04 15:45:35
...

这篇文章主要介绍了深入理解javascript中的左查询和右查询,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

值与引用

作用域

  • 狭义上说作用域就是一个对象(更确切的来说应该是集合);

  • 广义上来说作用域是一套用来存储变量,并且之后可以方便的找到这些变量的规则;

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

上下文

  • 代码(全局代码,函数体,eval代码)执行前的准备工作:

    • 1.提升(变量 函数 函数表达式);

    • 2.确定this指向;

    • 3.与对应作用域关联;

    • 如果代码段是函数体,那么在此基础上需要附加:参数 赋值,arguments 赋值;

  • 作用域与执行上下文环境的关系:

    • 一个作用域下可能包含若干个上下文环境。有可能从来没有过上下文环境(函数从来就没有被调用过); 有可能有过,现在函数被调用完毕后,上下文环境被销毁了;

左/右查询

  • 左查询:

    • 赋值符号的左侧,赋值操作的目标是谁;

    • 函数调用时实参与形参的关系就是一次左查询;

    • 对等号左边变量的查询。在整条作用域链中,如果没有找到变量的声明,js引擎会自动在全局声明一个同名变量;但是这个变量的声明是不会提升的。

      (function(){
          function test(a){
              b=a;
              console.log(b);//2
          }
          test(2);
      })();
      console.log(b);//2
  • 右查询:

    • 赋值符号的非左侧,谁是赋值操作的源头;

    • 对等号非左边变量的查询。在整条作用域链中,如果没有找到变量的声明 直接抛ReferenceError错误;

      console.log(a);//ReferenceError: a is not defined
    • 特殊的右查询

      //a并未定义赋值
      console.log(typeof a);//undefined
  • 严格模式&非严格模式

    • RHS,LHS都会抛出ReferenceError异常

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

    • 右查询在查询所有的嵌套作用域中遍寻不到所需的变量,引擎就会抛出ReferenceError异常,但需要注意typeof时不会报异常;

    • 左查询在查询所有的嵌套作用域中遍寻不到所需的变量,全局作用域中就会创建一个具有该名称的变量;

    • 在变量还没有声明(在任何作用域中都无法找到该变量)的情况下,这两种查询的行为是不一样的

    • 非严格模式:

    • 严格模式:

  • typeof的安全防范机制

    • 1.在程序中使用全局变量DEBUG作为“调试模式”开关,我们在DEBUG.js文件的声明var DEBUG =true;该文件只在开发和测试时才被加载到浏览器,在生产环境中不予加载;

      if(DEBUG){ //在生产环境中会报错
               console.log("开始调试");
        }  if(typeof DEBUG !== "undefined"){
                console.log("开始调试");    
        }
    • 2.为某个缺失的功能写polyfill(衬垫代码,用来补充当前运行环境中缺失的功能)

      if(typeof polyfill_a === "undefined"){        //注意这一块不需要var,跟变量的提升有关
                 //这一块需要使用函数表达式而不是函数声明
                 polyfill_a = function(){
                    //功能代码
                 }
         }

相关推荐:

左右查询与内查询

左查询和右查询区别

以上就是深入理解javascript中的左查询和右查询的详细内容,更多请关注其它相关文章!