Javascript的作用域坑

javascript不是nodejs

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

举个冰冻栗子：

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);
}

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