|
如果说你已经学会了如何在js里定义一个变量或常量，那你就已经接触到了作用域了，几乎所有的编程语言在定义一个变量后，都可以对这个变量进行输出、修改、赋值等操作。那么这里其实隐含了一个条件，为什么你能进行这些操作呢。其实，在定义完变量后，程序会存储变量中的值，之后便能对其进行访问或修改，而你可以把这一种能够访问赋值的能力当成一种状态，就好比你在小区能去小区楼下超市买东西，小区外面能进去吗？当然一定条件也可以。可如果说什么是基地呢？外部人员能够访问吗？显然不太可能。然而对于你定义的变量来说，有的可以很容易访问到，有的则需要一定的条件，才能获得这种访问的状态。
那么在什么时候访问？访问哪里，就需要一套规章制度来管理了，这样一种设计良好的规则就叫做作用域。作用域并不是js所特有的，但是在js中作用域有着一些特有的变化。
先了解下传统的编译语言在源代码执行前的步骤，词法分析、语法分析和代码生成，这些步骤统称为编译。Js虽然是一门解释执行的语言，但也是一门编译语言，需要编译器对源代码进行编译。如果了解过js的发展的话，不难发现谷歌的V8引擎极其出色的编译性能也是推动js发展的一大动力。
1.引擎的查询
在js中有一个比较特别的词，叫做“执行上下文”。大部分情况js的代码编译发生在执行前的那段极短的时间，所以理解作用域是很重要的一个环节。至于引擎是如何工作的，显然超出了我目前的学习范围，这里只讲下书中说提到的“LHS查询”和“RHS查询”，这个其实是数学中的内容，LHS就是等式左边的意思，RHS同理。参考书中的例子，如果我在控制台输入一个变量b，引擎就会去找到b的值，如果没有找到，就会抛出RaferenceError的错误，这个时候是RHS查找。如果输入的是b=3，引擎就会在作用域中去找到b的值，并且为之赋值为3，如果没有就会向外层的作用域一层一层找过去，这里就是LHS查找。
简要的概括的话就是：LHS就是查找标志符以分配值；RHS则是查找需要使用的标志符。
那么这一道例题就很好理解了
function foo(a){
var b=a
return a+b
}
var c=foo(2)
这里一共有3个LHS查询和4个RHS查询
1-1.作用域的嵌套
如果对上述例子加以修改,将b的定义放在函数的外边，你会发现即使函数中b没有定义，依然会拿到值。这是因为作用域在按名称查找变量的这一套规则，通常是需要顾及到多个作用域的，但b在当前的函数作用域找不到的时候，回继续在外层的作用域去找，直到全局作用域。作用域的嵌套可能会产生一个神奇的东西，就是“闭包”，这里先不提。
function foo(a){
return a+b
}
var b=2
var c=foo(2)
console.log(c)//4
1-2.异常
当一个变量在所有的作用域中都找不到声明的时候，就会“报错”，之前提到了引擎是有LHS查询和RHS查询的，由于在ES5中引入了“严格模式”这个概念，这里也会有所区别：
RHS查询如果找不到的话，就会抛出ReferenceError，如果找到了，但是对变量的值进来了不当的操作，比如对一个const变量赋值，就会抛出TypeError。
严格模式下的LHS查询失败的话也会抛出ReferenceError,但是在非严格模式下，也就是没有strict mode，LHS查询如果在全局也找不到改变量的话，就会自动创建一个改名称的变量返回给引擎
2.小结
在看到这已经对作用域有了大致的了解，而文中提到的全局作用域、函数作用域，这之间又有什么样的关系，还有没有其他的作用域，就需要后续的不断学习了
全文代码通过JavaScript实现
参考资料：
you don’t konw js
javascript-lhs-and-rhs-lookup
|