JS中关于查询,分为左查询(LHS)、右查询(RHS)。
LHS:找到某个变量的值,如果查找的目的是对变量进行赋值,就会使用LHS查找。
RHS:找到变量的容器,如果查找的目的是获取变量的值,就会使用RHS查找。
可简单理解赋值操作为执行LHS,取值/引用操作为RHS。
以 var a = 2;
为例,我们分析JavaScript的LHS查询过程,我们把声明和赋值分开看:
首先是 var a:
其次是a = 2; 「执行LHS」
以 console.log(a);
为例,我们分析RHS查询过程:
一、
function foo(a){
console.log(a)
}
foo(2) // 2
对foo函数的调用执行了RHS查找,还有一个隐式的 a=2 的操作,这是赋值操作,所以执行了LHS查找。
二、
function foo(a){
console.log(a+b)
}
foo() // Uncaught ReferenceError: b is not defined
如果RHS在作用域链中找不到需要的变量,就会抛出异常:ReferenceError。
三、
function foo(a) {
b = a
console.log(b)
}
foo(2) // 2
b=a就是给b赋值,就是执行了LHS查找。注意,在使用LHS查找的时候,在非严格模式下,js引擎在全局都没有找到b,就会在全局作用域中声明了一个变量b,此时b为undefined,在这里b=a后b的值为2。
严格模式下,RHS查找失败,抛出ReferenceError异常
'use strict'
function foo(a) {
b = a
console.log(b)
}
foo(2) // Uncaught ReferenceError: b is not defined
案例总结:
如果RHS查找失败,就会抛出ReferenceError异常;
如果LHS查找失败,自动在全局创建一个全局变量,当然这是在非严格模式下才会进行创建。
LHS:找到某个变量的值,如果查找的目的是对变量进行赋值,就会使用LHS查找。
RHS:找到变量的容器,如果查找的目的是获取变量的值,就会使用RHS查找。
console.log(a)
这种变量在右可以理解为RHS,它若未在嵌套作用域中找到变量a,则会抛出一个refunserror。
var a=1 这种变量在左可以理解为LHS,在非严格模式下,它若未在嵌套作用域中找到该变量,会在顶级作用域(全局)中创建一个。