作用域链

每个函数都有自己的执行环境.当执行流进入一个函数时,函数的环境就会被推入一个环境栈中.而在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境.

当代码在一个环境中执行时,会创建变量对象的一个作用域链.作用域链的用途是保证对执行环境有权访问的所有变量和函数的有序访问.
作用域的前端始终都是当前执行的代码所在环境的变量对象.如果这个环境是函数,则将其活动对象作为变量对象.全局执行环境的变量对象始终都是作用域链中的最后一个对象.

var color = "blue";
function changeColor(){

    var anotherColor = "red";
    function swapColors(){
        var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
//这里可以访问color,anotherColor,tempColor
    }

//这里可以访问color,anotherColor,但不能访问tempColor
    swapColors();
}
//这里只能访问color
changeColor();

以上代码涉及3个执行环境:全局环境,changeColor()的局部环境和swapColors()的局部环境.

子可以访问父级执行环境,但反之不可以.
内部环境可以通过作用域链访问所有的外部环境,但外部环境不能访问内部环境中的任何变量和函数.每个环境都可以向上搜索作用域链.

window (全局环境中有一个color属性和一个changeColor函数)

  • color
  • changeColor()
    • anotherColor //changeColor函数的局部环境 但可访问全局环境中的color变量
    • swapColors()
      • tempColor //swapColors函数的局部环境 该变量只能在这个环境中访问到
function show(){
    var b = 1;
    var a = ++b;
}
show();
print(a); //报错
function show(){
    var b = 1;
    a = ++b;   //全局变量a
}
show();
print(a); //2

你可能感兴趣的:(作用域链)