JavaScript学习笔记·作用域

1.执行环境

每个函数都有自己的执行环境(execution context)。它定义了变量或函数有权访问的其他数据，决定了它们各自的行为。

全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同，表示执行环境的对象也不一样。在web浏览器中，全局执行环境被认为是window对象，因此所有全局变量和函数都是作为window对象的属性和方法创建的。某个执行环境中的所有代码执行完毕后，该环境被销毁，保存在其中的所有变量和函数定义也随之销毁。

当代码在一个环境中执行时，会创建变量对象的一个作用域链（scope chain）。作用域链保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端始终都是当前执行代码所在环境的变量对象。如果这个环境是函数，则将其活动对象作为变量对象。活动对象在最开始只包含一个变量，即arguments对象（在全局环境中不存在）。

var color = "blue";
function changeColor(){
    var anotherColor = "red";
    function swapColors(){
        var tempColor = anotherColor;
        anotherColor = color;
        color = tempColor;
    }
    swapColors();
}
changeColor();

以上代码共涉及3个执行环境：全局环境、changeColor()局部环境和swapColors()局部环境。

其作用域链如图：

2.延长作用域链

当执行流进入下列任何一个语句时，作用域链就会得到加长：

• try-catch语句的catch块
• with语句

两个语句都会在作用域链的前端添加一个变量对象。对with语句来说，会将指定的对象添加到作用域链中。对catch语句来说，会创建一个新的变量对象，其中包含的是被抛出的错误对象的声明。

例：

function buildUrl(){
    var qs = "?debug=true";
    with(location){
        var url = href + qs;
    }
    return url;
}

with语句接收的location对象，因此其变量对象中就包含了location对象的所有属性和方法（与继承类似）。

3.块级作用域

JavaScript没有块级作用域！！！

• 使用var声明的变量会自动被添加到最接近的环境中。在函数内部，最接近的是函数的局部环境（相当于局部变量）；如果初始化变量时没有使用var声明，该变量会自动被添加到全局环境（成为全局变量）。在with语句中，最接近的环境是函数环境。
• 当在某个环境中为了读取或写入而引用一个标识符时，必须通过搜索来确定标识符实际代表什么。搜索从作用域链的前端开始，向上逐级查询与给定名字匹配的标识符。如果在局部环境中找到了，搜索停止。如果在局部环境中没有找到，则继续沿作用域链向上搜索，一直追溯到全局环境。如果全局环境也没找到，则意味着该变量未声明。

var color = "blue";
function getColor(){
    var color = "red";
    return color;
}
alert(getColor());    //"red"

上例中如果要访问全局环境的color变量，则使用window.color

4.垃圾收集

• 标记清除（最常用）
• 引用计数（COM对象的垃圾收集采用这种方式，BOM,DOM中的对象使用COM对象的形式实现的）