JavaScript的执行环境及作用域_javascript 作用域执行环境区别-CSDN博客

本文链接：https://blog.csdn.net/niexia_/article/details/77442974

1.执行环境

执行环境定义了变量或函数有权访问的范围。每个执行环境都有与之关联的变量对象，环境定义的所有变量和函数都保存在这个对象中。

全局环境：是最外围的一个执行环境，全局环境被认为是window对象，所有的全局变量和函数都是作为window对象的属性和方法创建的。
局部环境：比如函数，每个函数有自己的执行环境，进入一个函数执行的时候，函数的环境就会进入一个环境栈中。执行完之后，该函数的环境被栈弹出，在函数中的变量和函数定义也随之销毁。

2.作用域

当代码在一个环境中执行时，会创建变量对象的一个作用域。

用途：保证该执行环境对有权访问的所有变量和函数能够进行有序访问。

作用域的前端（第一个变量对象）：就是当前执行环境的变量对象
作用域的下一个变量对象：来自包含前一个的环境的变量对象
作用域的下下个变量对象：来自包含前两个的环境的变量对象
…
作用域的最后一个对象：来自全局环境的变量对象

window（…(C(B的变量对象(A当前执行环境的变量对象)))）

var color="blue"
var function() changecolor{
    if(color==="blue"){
        color="red";
    }
    else{
        color="blue";
    }
}
changecolor();
alert("now color is"+color);

上述函数changecolor()的作用域包含两个变量对象：它自己本身环境的变量对象(其中定义着arguments对象）和全局环境的变量对象
即：（window（arguments））

访问范围和搜索顺序：

var color="blue";
function changecolor(){
    var  anotherColor="black";
    function swapColor(){
        var tampColor=anotherColor;
        anotherColor=color;
        color=tempColor;
        //可以访问 color anotherColor tampColor
    }
    //可以访问color anotherColor
    swapColor();
}
//这里只能访问color
changeColor();