作用域:用来存储变量,并且之后可以方便地找到这些变量
JS 代码片段:编译 -> 执行
在JS中所有的可以由我们自主命名的都可以称为是标识符.例如:变量名、函数名、属性名都属于标识符
var a = 2 /* 变量的赋值操作会执行两个动作: 首先,编译器会在当前作用域中声明一个变量(如果之前没有声明过) 然后在运行时引擎会在作用域中查找该变量(查找的过程由作用域协助),如果能够找到就会对它赋值 */
但是,引擎进行怎样的查找,会影响最终的查找结果:
RHS 查询:仅查找某个变量的值
LHS 查询:找到变量的容器本身
深入研究考虑一下代码:
a = 2; // 这里对a的引用是 LHS 引用,因为实际上我们并不关心当前的值是什么,只是想要为 =2 这个赋值操作找到一个目标 console.log(a); // 对a的引用是一个 RHS 引用,因为这里a并没有赋予任何值。相应地,需要查找并取到a的值,这样才能将值传递给 console.log(...)
在概念上最好理解为:
赋值操作的目标是谁(LHS)
谁是赋值操作的源头(RHS)
下面的程序既有 LHS 也有 RHS 引用
function foo(a) { console.log(a); // 2 } foo(2);
最后一行 foo(...)
函数的调用 需要对 foo 进行 RHS 引用,意思是:去找 foo 的值,并把它给我
并且 (...)
意味着 foo 的值需要被执行,因此它最好真的是一个函数类型的值!
代码中还有隐式的 a = 2 操作,发生在 2 被当作参数传递给 foo(...)
函数时,2 会被分配给参数a。为了给参数a(隐式地)分配值,需要进行一次 LHS 查询
这里还有对 a 进行的 RHS 引用,并且将得到的值传给了 console.log(...)
console.log(...) 本身也需要一个引用才能执行,因此会对 console 对象进行 RHS 查询,并且检查得到的值中是否有一个叫做 log 的方法
最后,在概念上可以理解为在 LHS 和 RHS 之间通过对值2进行交互来将其传递进log(...)
TEST
function foo(a) { var b = a; return a + b; } var c = foo(2);
1.找出其中所有的 LHS 查询(3处)
c = .. // c = foo(2) a = 2 b = .. // b = a;
2.找出其中所有的 RHS 查询(4处)
foo(2.. // foo(2) = a; // b = a a .. // a + b .. b // a + b