JavaScript作用域

一. 作用域

所有编程语言都有一最基本的功能，就是能够存储变量当中的值，并且能在之后对这个值进行访问或者修改。

那么就会有下面这么几个问题：

1.这些变量存储在什么地方？？

2.程序需要访问或者修改变量时如何找到它们？？

一门语言中会设计一套良好的规则来解决上述的问题，而这套规则就就是所谓的作用域。

二 . 词法作用域与动态作用域

作用域共有两种主要的工作模型：

1.词法作用域：大多数编程语言使用的模型，作用域的规则是由你在写代码时将变量和块作用域写在哪里决定的；

2.动态作用域：仍有一部分编程语言在使用（bash，perl），作用域是在代码执行过程中确认的；

三. JavaScript的作用域规则

javascript的作用域规则属于词法作用域即静态作用域。

代码执行前会进行的编译，编译器负责生成可执行代码，js引擎执行时，遇到变量时，会通过查找变量来判断他是否已声明过。查找的过程由作用域进行协助，但是js引擎执行怎样查找？

当前作用域对变量的查找遵循以下两个规则，首先提出两个术语：

RHS:(retrueve his source value)右查询，变量出现在赋值操作的右侧；

LHS:左查询，变量出现在赋值操作的左侧；

注： 并不全是 "=赋值操作符的左侧和右侧";

// 如下面的代码

function  foo(a){

// 被调用时会有a = 2   对a进行的LHS

console.log(a);  // console RHS   和  a RHS

} 

foo(2);   // foo()进行的是 RHS

作用域的嵌套

当在当前作用域查找不到该变量时，会继续向上当前作用域的上一级作用域查找，当抵达最外层的全局作用域时，无论找到还是没找到，查找过程都会停止。

js中目前只有全局作用域和函数作用域，作用域的嵌套也只会出现这两种的情况下，

注：es6中引入了块级作用域。

最后，让我们看一个《JavaScript权威指南》中的例子：

var scope="global scope";

function  checkscope(){

var  scope="local scope";

function  f(){

return scope;

}

return  f();

}

checkscope();

var  scope="global scope";

function  checkscope(){

var  scope="local scope";

function  f(){

return  scope;

}

return  f;

}

checkscope()();

猜猜两段代码各自的执行结果是多少？

这里直接告诉大家结果，两段代码都会打印’local scope’。

引用权威指南的回答就是：

JavaScript函数的执行用到了作用域链，这个作用域链是在函数定义的时候创建的。嵌套的函数f()定义在这个作用域链里，其中的变量scope一定是局部变量，不管何时何地执行函数f()，这种绑定在执行f()时依然有效。

但是在这里真正想让大家思考的是，两段代码执行的结果一样，但是两段代码究竟有哪些不同呢？