顾名思义,字面意思:
- LHS:Left Handle Side;
- RHS:Right Handle Side;
考虑如下代码:
var a = 1; // LHS:将值1,赋值给变量a
var b = a; // RHS:查询变量a是否声明,然后获取a的值,再LHS:赋值给变量b
一目了然,LHS和RHS的作用,因此,LHS和RHS不应该只从字面上理解它,而是应该换种方式来理解:
- LHS:赋值操作的目标;
- RHS:赋值操作的源头;
测验题:
// 考查有多少次LHS和RHS操作
function foo(a) {
var b = a;
return a + b;
}
var c = foo(2);
//////////////////////分析如下//////////////////////
1. 首次执行foo(..)函数,所以需要RHS查询是否已有foo函数声明;
2. 将数值2传递给foo函数,这里有个LHS隐式操作:a = 2;
3. var b = a; 先RHS查询变量a,获取a的值,然后LHS赋值给变量b;
4. return a + b;就是两次RHS,分别是变量a和变量b;
5. var c = ...;将foo函数的结果LHS赋值给变量c;
故LHS和RHS的操作次数:
LHS => 3次
1. 隐式赋值(形参a = ...);
2. var b = ...;
3. var c = ...;
RHS => 4次
1. foo(...);
2. ... = a;
3. a + ...;
4. ... + b;
对于LHS和RHS,还有一点需要说明(非严格模式):
当LHS和RHS在查询变量时(从当前作用域,一级级往上查找,直到全局作用域为止),仍然找不到,此时,LHS与RHS的表现行为不一致。
// 如下代码
function foo(a) {
console.log(a);
b = a; // code 1
a = c; // code 2
}
foo(2);
var test = 1;
test(); // code 3
code 1 =>
变量b并没有在任何地方声明,且是LHS操作(将变量a赋值给变量b),LHS会如下操作:
- 查询当前作用域,也就是foo函数;
- 然后查询全局作用域;
- 停止;
最终仍旧查询不到变量b的声明,此时,LHS会在全局对象(window)中创建一个变量b,然后将变量a的值赋值给变量b(此时,变量b是全局变量);
code 2 =>
同样,变量c未在任何地方声明也初使化,且是RHS操作(查询变量c的值并赋值给变量a),RHS会如下操作:
- 查询当前作用域,也就是foo函数;
- 然后查询全局作用域;
- 停止;
最终仍旧查询不到变量c的声明,此时,RHS会抛出一个异常:ReferenceError!
code 3 =>
RHS操作,查询到test有声明,且在全局作用域下,但是,test是一个变量,而不是函数,因此,RHS会抛出一个异常:TypeError!
以下对两种异常的解释:
1. TypeError:
试图对一个非函数类型的值进行函数调用,或着引用 null 或 undefined 类型的值中的
属性,那么引擎会抛出一种类型的异常,叫作 TypeError。
2. ReferenceError:
ReferenceError 同作用域判别失败相关,而 TypeError 则代表作用域判别成功了,
但是对结果的操作是非法或不合理的。