javascript 之做用域链-07

复习做用域

上一节咱们说到做用域：是指变量能够访问的范围，他规定了如何查找变量，以及肯定当前执行代码对变量的访问权限；也说到静态做用域即词法做用域，是在编译阶段决定变量的引用（由程序定义的位置决定，和代码执行顺序无关，用嵌套的方式解析）。

疑问

1     var x=10;
2     function run(){
3         var name='Joel';
4         console.log(x+name);//10Joel  这里作了隐适转换 当有+时有一个为string 那么会当作字符拼接来处理
5     }
6     run();

如上代码，在执行run函数时，在run做用域中有name变量，可是并无变量x，那么为何不会报错，变量x又是怎么访问的呢？可能有些人理解是去父级函数做用域中寻找变量，其实这样理解做用域存在歧义（若是理解为是在调用函数的父级函数，那么确定是错的  以下代码），上一节咱们说过javascript的做用域是静态做用域，即应该关心代码定义的位置而不是调用的位置 （词法做用域）；

 1     var x=10;
 2     function fn(){
 3         console.log(x);
 4     }
 5     function show(f){
 6         var x=20;
 7         (function(){
 8             f()
 9         }());
10     }
11     show(fn);//10 并非20

引出做用域链

经过分析做用域的变量解析来理解做用域链

 1  var a=10;
 2     function run(){
 3         var name='Joel';
 4         function say(){
 5             var content='hello';
 6             console.log(content+name+','+a);
 7         }
 8         say();
 9     }
10     run();//helloJoel,10

经过上一篇咱们知道js做用域有全局做用域，函数做用域，因此上面代码做用域以下：

全局做用域：存在变量a、run函数引用，固然还存在其余函数、属性（内置的就不讨论了）；

run函数做用域：存在变量 name 、say函数引用；

say函数做用域：存在变量content；

当代码执行到 console.log(content+name+','+a); 首先在say函数做用域中寻找变量content、name、a，若是找到则中止，没有找到就到上一个做用域中寻找，以此类推一直到window 全局做用域，如变量a 在当前say 做用域中没有，就到run做用域中寻找，还没找到就到全局做用域中寻找，若是还找不到就报错 is not defined，由于全局做用域是最外层做用域 ；

继续看下面代码，咱们在say函数中定义了变量name 以后，name值不在是run做用域中的值，由于在say做用域中找到了变量name 就不会继续寻找了

 1 <script>
 2     var a=10;
 3     function run(){
 4         var name='Joel';
 5         function say(){
 6             var content='hello',name=' Word';
 7 
 8             console.log(content+name+','+a);
 9         }
10         say();
11     }
12     run();//hello Word,10
13 </script>

这样一步一步的寻找变量的过程咱们叫作标识符解析或者你能够理解为变量解析，那么提供这个线路或者这样寻找变量的机制咱们叫作做用域链；

咱们来总结一下这个过程：

第一步，在当前做用域查找变量，若是有则获取并中止。若是没有则继续向上一个做用域寻找；

第二步，若是当前做用域是全局做用域，则说明变量未定义，结束；不然继续；

第三步，（不是全局做用域，那就是函数做用域）继续第一步；

那么做用域链究竟是什么呢？

其实做用域链本质是一个指向变量对象的指针链表，它只引用但不实际包含变量对象的值；

如上代码做用域链结构相似这样：

这篇只是引出做用域链，下一篇正式开始说执行环境，会涉及到变量对象、活动对象、做用域链等内容从而深刻做用域链的建立过程。

之因此要先写执行环境，是由于完整的做用域链是在执行环境中构建的。