JS执行环境与作用域链

执行环境

执行环境（excecution context），也叫做执行上下文，定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个只i系那个环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。
全局执行环境是最外围的一个执行环境，在Web浏览器中，全局执行环境被认为是window对象。
每个函数都有子句的只想能够环境。当一个函数被调用时，函数的环境就会被推入一个环境栈中，而在函数执行之后，栈将环境他出，吧控制权返回给之前的执行环境。

看下面这一段代码

console.log(a) // Uncaught ReferenceError: a is not defined

console.log(a) // undefined
var a = 10;
console.log(a) // 10

在一段代码执行之前，JS就已经做了一些“准备工作”，包括对变量的声明，这段代码里所有变量的声明都被提前到代码一句一句执行之前完成，但仅仅是声明，而没有赋值。变量复制是在执行到赋值语句的时候进行的。

console.log(fn1) ;  //ƒ fn1() {}
function fn1() {}

console.log(fn2);  // undefined
var fn2 = function() {};

函数声明和函数表达式的待遇是不同的，对于函数声明，准备阶段会同时为函数名赋值，而对函数表达式，就只是声明了。

全局环境下的执行环境中，包括

• 变量，函数表达式 —— 声明，默认值为undefined
• this —— 赋值
• 函数声明 —— 赋值

每次调用一个函数 ，也会创建这个函数的执行环境，相比于全局环境的执行环境，还多了这些：

• 参数 —— 赋值
• arguments —— 赋值
• 确定变量的作用域

作用域链

当代码在一个环境中运行是，会创建变量对象的一个作用域链。作用域链的用途是，保证对执行环境有权访问的所有变量和函数的有序访问。
在一个函数中可以访问函数之外定义的变量，这就和作用域与作用域链有关

var a = 10;
function fn1() {
    console.log(a); // 10
}

function fn2() {
    var a = 20;
    fn1(); // 10，而不是20
}

函数在访问一个变量的时候：

1. 先从自己内部找变量
2. 如果找不到，再从创建当前函数所在的作用域去找, 以此往上
3. 如果一直到全局作用域还没有找到，说明变量未定义，报错

注意要到创建这个函数的那个作用域中取值——是“创建”，而不是“调用”。函数在定义的时候（不是调用的时候），就已经确定了函数体内部自由变量的作用域。

var a = 10;

function fn() {
    var b = 20;
    function bar() {
        console.log(a + b);
    }
    return bar;
}

var x = fn(),
    b = 200;
x(); // 30

以上代码中：第13行，fn()返回的是bar函数，赋值给x。执行x()，即执行bar函数代码。取b的值时，直接在fn作用域取出。取a的值时，试图在fn作用域取，但是取不到，只能转向创建fn的那个作用域中去查找，结果找到了。