JS系列（二）：LHS & RHS

顾名思义，字面意思：

• 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 则代表作用域判别成功了，
但是对结果的操作是非法或不合理的。