15_函数(【六】执行环境和作用域链概念)-CSDN博客

    执行环境（execution context）是javascript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每一个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和函数都保存在这个对象中。虽然我们的代码无法访问这个对象，但是解析器在处理数据时会在后台执行它。
    全局执行环境是最外围的一个执行环境。根据ECMScript实现所在的宿主环境不同，表示执行环境的对象也不一样。
    每一个函数都有自己的执行环境。当执行流进一个函数时，函数的环境就会被推入一个环境栈中。而在函数执行之后，栈将其环境弹出，把控制权返还给之前的执行环境。当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链的用途，是保证对执行环境有权访问的所有变量和函数的有序访问。

//执行环境 window对象（顶级作用域）
var color1 = "blue";

//每一个函数都有一个执行环境
function changeColor(){ //此处有一个执行环境 o1

    var color2 = "red";
    function swapColor(){ //此处有一个新的执行环境o2
        //color3 三级作用域 color2二级作用域 color1一级作用域
        var color3 = color2;
        color2 = color1;
        color1 = color3;

        //三级作用域可以访问二级作用域和一级作用域
        //这里可以访问color3, color2, color1
    }

    //二级作用域可以访问一级作用域，但不能访问三级作用域
    //这里可以访问color2, color1
    swapColor();
}

//只能访问一级作用域
//这里可以访问color1
changeColor(); //相当于window.changeColor()，一级作用域
console.info(color1);

//总结：函数的执行环境可以逐层向上追溯，在当前作用域中找不到时会向相邻的上层执行环境中查找。如果在顶级作用域中还没有找到，会返回undefined

转载于:https://my.oschina.net/u/2317126/blog/382218