javascript 全局作用域，函数作用域详解（配图解）

函数作用域，我们可以理解为：就是一块“地盘”，一个代码段所在的区域，他是静态的（相对于执行上下文对象），在编写代码时就确定了。
分类：全局作用域，函数作用域
作用：隔离变量，在不同的作用域下同名变量不会有冲突
除了全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定好的了，而不是在函数调用时确定，跟调用没关系，只有执行上下文才需要调用
作用域链会先从自身开始查找作用域内的变量，有就执行，没有就往上一层作用域链查找，直到顶端为止，如果顶端还是没有就抛出异常。
执行上下文与函数作用域的区别：
作用域是静态的，只要定义好了就一直存在，且不会有变化
执行上下文是动态的，调用函数时创建，函数调用完就会自动释放
两者之间的联系：
上下文环境（对象）是从属于所在的作用域
全局上下文环境 == > 全局作用域
函数上下文环境 ==> 对应的函数使用域

举个冰冻栗子：

var a = 10;	// 全局作用域
var b = 20;
function fun(x){	// 局部作用域
    var a = 100;	
    var c = 200;
        console.log("fun"+ a, b, c, x);
        function bar(x){
            var a = 1000;
            d = 300;
                console.log("bar"+a, b, c, d, x);
        }
    bar(20);
}
fun(50);

函数作用域，是定义好了就一直存在的，例如：
function fun(){ var a = 100; var c = 200 }
这个作用域，我写好了，他就存在的了，不需要去调用才生效（函数执行上下文就需要调用后才生效上下文对象）。

图解：对应着全局作用域，fun函数作用域，bar作用域
var a, var b 是全局作用域对象，fun是函数作用域对象，而 bar 则是嵌套在 fun 函数内部的作用域。
bar函数作用域内输出方法有个输出 b，但 bar作用域内没有 b这个变量，就往上一层 fun 作用域内进行查找，再没有就往再上一层，查找直到顶层为止，如果顶层还没有，就抛出异常
他的执行顺序是由内向上，一级一级查找的，值得记住的是，函数内部作用域他可以向上逐级查找，是因为顶层对象（属性，变量）对底层对象可见的，反之顶层对象，不能看到底层对象
说白了就是底层可以逐级查看，调用顶层数据，但顶层（外部）不能看到底层数据。