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

这篇文章主要介绍了深入理解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(){
                //功能代码
             }
     }

相关推荐：

左右查询与内查询

左查询和右查询区别

Atas ialah kandungan terperinci 深入理解javascript中的左查询和右查询. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!