javascript作用域讲解以及画图解释：
首先，要先理解，在其他开发语言中，常见的作用域规则：块级作用域和 词法作用域。
然而什么叫作用域？ 即 起作用的区域 ；定义变量后，可以在哪一个范围内使用该变量。
块级作用域
所谓的块级作用域就是用一个块结构分割变量的访问区域 即 { } 直接包围的区域。代表语言：c（c 系类）。
词法作用域
词法作用域就是变量的作用范围，在书写代码的时候就已经决定，与运行时无关 ，另外，js中分割作用域的只有函数；
还有，浏览器在预解析下，有两个重要的特点：① 声明会提升 ②只有函数才会限定作用域。
有了以上的概念，下面就开始讲绘制作用域链的规则：
1> 将全部的 script 标签看做一个整体. 是一个 0 级别的链；
把全局范围内的变量, 函数, 对象... 归为链中的成员，用一个小框表示出来；
由于函数声明和变量定义在浏览器预解析阶段会提升, 因此可在绘制链之前将代码进行调整，将声明都写在前面, 这样绘图的时候按照顺序绘制, 将会简化作用域链的难度。
2> 由于只有函数才可以限定作用域. 因此在函数上引出一条新链,级别为 n + 1；
在函数内部, 又是一个完整, 独立的作用域结构；
因此在函数内部定义的任何成员也按照 1> 中的规则在该链上展开。
3> 如果函数内还有函数, 将继续绘制下去，即可。
由此可以得出变量搜索原则：
在代码的运行过程中, 如果访问某一个变量；
那么首先在当前链上找 ( 无序 ), 如果没有, 在 n-1 级上找；
( 在函数内部允许访问定义在函数外部的变量 )；
如此往复, 直到 0 级链, 如果还没有就抛出异常；
如果找到, 则结束寻找, 直接获得并返回该链上变量的数据。
下面画图解释：
