JavaScript高级（七）作用域与执行上下文的区别

作用域与执行上下文的区别

作用域
执行上下文
1、区别1：产生时间不同
*全局作用域之外，每个函数都会创建自己的作用域，作用域在函数定义时就已经确定了。
而不是在函数调用时
*全局执行上下文环境是在全局作用域确定之后，js代码马上执行之前创建
*函数执行上下文环境是在调用函数时产生，函数体代码执行之前创建
2、区别2：是否可变
*作用域是静态的。只要函数定义好了就一直存在，且不会发生变化
*执行上下文环境是动态的，调用函数时创建，函数调用结束时上下文环境就会（自动）释放
3、联系
*执行上下文（对象）是从属于所在的作用域
*全局上下文环境===》全局作用域
*函数上下文环境===》对应的函数使用域

var a = 10;
    b = 20;

    function fn(x) {
        var a = 100;
        c = 300;
        console.log('fn()', a, b, c, x);//100 20 300 10

        function bar(x) {
            var a = 1000;
            d = 400;
            console.log('bar()', a, b, c, d, x);//1000 20 300 400 100
            //1000 20 300 400 200
        }

        bar(100);
        bar(200);
    }
    fn(10)