你不知道的JS（上卷）——读书笔记1 作用域是什么

第一章

作用域

根据名称来查找变量的一套规则

编译

传统编译：代码在执行前会经历三个步骤，统称为编译

• 分词/词法分析：把代码分为代码块（词法单元）
• 解析/语法分析：把词法单元（数组）转换成由元素嵌套组成的代表了程序语法的树（抽象语法树AST）
• 代码生成：根据AST生成可执行的代码

JS编译：JS的编译过程还包括了性能优化等操作。JS的编译过程发生在代码执行之前，编译后基本上代码立即执行

编译过程的参与者：

• 引擎：负责整个JS程序的编译和执行过程
• 编译器：负责语法分析及代码生成
• 作用域：负责收集和维护所有标识符（变量）以及查询，并实施一套严格的规则，确定当前执行代码对这些标识符的访问权限

标识符查询

标识符分为LHS查询和RHS查询
LHS：查询目标变量的容器，通常用于变量赋值时
RHS：查询目标变量的值，或者函数的调用、查找对象等

作用域查找：不管是RHS还是LHS查询，都是从当前作用域开始逐级向上查找。若RHS查询至全局作用域仍然找不到后，则抛出ReferenceError错误。LHS查询至全局作用域仍然找不到，非严格模式下会自动隐式在全局创建变量，严格模式下会抛出ReferenceError错误。若对一个非函数变量进行函数调用（或者其他的错误类型操作）则会抛出TypeError错误

解析过程

示例代码：var a = 2;

1. 首先会执行var a ，在该作用域下声明一个变量（代码执行前）
2. 执行 a = 2 ，先会用LHS查询查找变量a的容器所在位置，然后用2对其赋值

小测

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

var c = foo(2);

1. 找出所有LHS（3处）
2. 找出所有RHS（4处）

LHS：

1. 把foo(2)的结果赋值给c时，查询变量c的容器
2. 2作为参数传进foo时，函数内部隐式a = 2，此时查询a的容器
3. 把a赋值给b时，查询b的容器

RHS：

1. 调用foo函数
2. b = a，查询a的值
3. return a + b，查询a，b的值