简述编译原理

JavaScript通常会被归类为“动态”或“解释执行”语言，但事实上它是一门编译语言。但与传统的编译语言不同，它不是提前编译的，编译结果也不能在分布式系统上进行移植。

    在传统编译语言的流程中，程序中的一段源代码在执行前会经历三个步骤，统称为“编译”。

        分词 / 词法分析
        解析 / 语法分析
        代码生成

与其他语言不同，JavaScript的编译过程不是发生在构建之前的。对于JavaScript来说，大部分情况下编译发生在代码执行前的几微秒（甚至更短）的时间内。
举个栗子，var a = 2; JavaScript引擎会将它分为几步完成呢？
答案是两步，JavaScript 会将其看成两句声明：var a; 和 a = 2;。第一个定义声明在编译阶段进行，第二个赋值声明会被留在原地等待执行阶段。

下面是原书对这句声明的拆解分析：

    变量的赋值操作会执行两个动作，首先编译器会在当前作用域中声明一个变量（如果之前没有声明过），然后在运行时引擎会在引用域中查找该变量，如果能够找到就会对它赋值。

而要讲的LHS 和 RHS 就是上面说的对变量的两种查找操作，查找的过程是由作用域（词法作用域）进行协助，在编译的第二步中执行。

LHS 和 RHS

LHS(Left-hand Side)引用和RHS(Right-hand Side)引用。通常是指等号（赋值运算）的左右边的引用。
我们来看下面这句代码：

    console.log(a);


这里对a的引用是一个RHS引用，因为这里a并没有赋予任何值，我们只是想查找并取得a的值，然后将它打印出来。

    a = 2;

这里对a的引用是一个LHS引用，因为我们并不关心当前的值是什么，只是想要为赋值操作找到目标。

    注：LHS和RHS的含义是“赋值操作的左侧和右侧”并不一定意味这就是"="的左侧和右侧。赋值操作还有其他几种形式，因此在概念上最好将其理解为“赋值操作的目标是谁（LHS）”以及“谁是赋值操作的源头（RHS）”。

这里再举一个较复杂的例子：（找出所有的LHS查询和所有的RHS查询）

function foo(a) {
	var b = a;
	return a + b;
}

var c = foo(2);

这里一共有3个LHS查询和4个RHS查询，这里我们都来做个分析。

LHS：
    第6行的 c = ...，c 在赋值操作的左边，所以对 c 需要 LHS 查询。
    隐藏着的 a = 2（隐式变量分配）,在调用 foo(2) 时，需要将实参2赋值给形参a，所以对 a 需要 LHS 查询。
    第2行的b = ..., 解释同 1。

RHS：
    第6行的 c = foo(2)，foo(2) 在赋值操作的右边，需要知道 foo(2)的值，对 foo(2) 需要 RHS 查询。
    第2行的b = a， a 在赋值操作的右边，需要知道 a的值，对 a 需要 RHS 查询。
    第3行的 reutrn a + b;， 需要知道 a 和 b 的值， 分别对 a 和 b 都进行 RHS 查询。

    小结：如果查找的目的是对变量进行赋值，那么就会使用LHS查询；
    如果目的是获取变量的值，就会使用RHS查询。

区分 LHS 和 RHS 的重要性

  您阅读这篇文章共花了：