执行环境定义了变量或函数有权访问其他数据,决定了它们各自的行为。每个执行环境都有一个与之相关的变量对象(variable object),环境中定义的所有变量和函数都保存在这个对象中,虽然我们编写的的代码无法访问这个对象,但解析器在处理数据时会在后台使用它。
全局执行环境是最外围的一个执行环境。根据ECMAScript实现所在的宿主环境不同,表示执行的环境对象也不一样。在web浏览器中,全局执行环境被认为是window对象,因此所有全局变量和函数都是为window对象的属性和方法创建的。某个执行环境中额所有代码执行完毕后,该环境被销毁,保存在其中的所有变量很函数定义也随之销毁(全局执行环境直到应用程序退出---例如关闭网页或浏览器---时才会被销毁。)
每个函数都有自的执行环境。当执行流进入一个函数时,函数的环境就会被推入一个环境栈中。而在函数执行后,栈将其环境弹出,把控制权返回之前的执行环境。ECMAScript程序中的执行流正是由这个方便的机制控制着。
当代码在一个环境中执行时,会创建变量对象的一个作用链(scope chain)。作用链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是执行当前执行的代码所在环境的变量对象。如果这个环境的函数,则将其活动对象(activation object)作为变量对象。活动对像在最开始时只包含一个变量,及arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包括(外部)环境,而下一个变量对象则来之下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。
标示符解析是沿着作用域链一级一级的搜索标示符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直至找到标示符为止(如果找不到标示符,通常会导致错发生)。
请看下面示例代码:
var color="blue";function changeColor(){ if(color==="blue"){ color="red"; } else { color="blue"; } }changeColor();alert("Color is now "+color);//Color is now red
在这个例子中,函数changeColor()的作用域链包含两个对象,它自己额变量对象(其中定义着arguments对象)和全局环境的变量对象。可以在函数内部访问变量color,就是因为可以在这个作用域链中找到它。
此外,在局部作用域中定义的变量可以在局部环境中与全局变量互换使用,如下面这个例子所示:
var color="blue";fucntion changeColor(){ var anotherColor="red ; function swapColors(){ var tempColor=anotherColor; anotherColor=color; color=tempColor; //这里可以访问color、anotherColor和tempColor } //这里可以访问color和anotherColor,但不能访问tempColor swapColors(); }//这里只能访问colorchangeColor();
以上代码共涉及3个执行环境:全局环境、changeColor()的局部环境和swapColors()的局部环境。全局环境中有一个变量color和一个函数changeColors()。changeColor()的局部环境中有一个名为anotherColor的变量和名为swapColors()的函数,但它可以访问全局环境中的变量color。swapColors()的局部环境中有一个变量tempColor。该变量只能在这个环境中访问到。无论全局环境哈哈是changeColor()的局部变量都无权访问tempColor。然而,在swapColors()内部这可以访问其他两个环境中的所有变量,因为那两个环境是它的父执行环境。
延长作用域链
虽然执行环境类型只有两种-----全局和局部(函数)。但还是有其他办法来延长作用域链。因为有写语句可以在作用域链的前端临时增加一个变量对象,该变量对象会在代码执行后被移除。在两种情况下会发生这种现象。具体来说,就是当执行流进入下列任何一个语句时,作用域链就会得到加长:
•try-catch 语句的 catch块;
•with语句。
这两个语句都会在作用域链的前端添加一个变量对象。对with语句来说,将会指定的对象添加到作用域链中。对catch语句来说,会创建一个新的变量对象,其中包含的是被抛出的错误对象的声明。下面看一个里例子:
function bulidUrl(){ var qs="?debug=true"; with(location){ var url=href+qs; } return url; }
在此,with语句接收的是location对象,因此其变量对象中就包含了laocation对象的所有属性和方法,而这个变量对象被添加到了作用域链的前端。buildUrl()函数中定义了一个变量qs。当在with语句中引用变量href时(实际引用的是loacation.href),可以在当前执行环境的变量对象中找到。当引用变量qs时,引用的则是在buildUrl()中定义的那个变量,而该变量位于函数环境的变量部分,所以可以作为函数的值被返回。
在ie8及之前的版本JavaScript实现中,存在一个与标准不一致的地方,即在catch语句中捕获的错误对象会被添加到执行环境额变量对象,而不是catch语句的变量对象中。换句话说,即使是在catch块的外部也可以访问到错误对象。
没有块级作用域
if(true){ var color="blue"; }alert(color);//blue
这个是一个if语句中定义了变量color,如果是在C、C++或是Java中,color会在if语句执行完毕后被销毁。但在JavaScript中,if语句中变量声明会将变量添加到当前的执行环境中。在使用for语句时尤其要牢记这一差异,例如:
for(var i=0;i<10;i++){ doSometing(i); }alert(i);//10
对于有块级作用域的语言来说,for语句初始化变量的表达式所定义的变量,只会存在于循环的环境中,而对于JavaScript来说,有for语句创建的变量i即使在for循环执行结束后,也依旧会存在与循环外部的执行环境中。
1.声明变量
使用var声明的变量会自动被添加到最近的环境中。在函数内部,最接近的环境就是函数的局部环境;在with语句中,最接近的环境是函数环境。如果初始化变量时没有使用var声明,该变量会自动被添加到全局环境。如下所示:
function add(num1,num2){ var sum=num1+num2; return sum; }var result=add(10,20);//30alert(sum);//由于sum不是有效的变量,因此会导致错误
以上代码中的函数add()定义了一个名为sum的局部变量,该变量包含加法操作的结果。虽然结果值从函数中返回了,但变量sum在函数外部是访问不到的。如果省略这个例子的var关键字,那么当add()执行完毕后,sum也将可以访问到:
function add(num1+num2){ sum=sum1+sum2; return sum; }var result=add(10,20);//30alert(sum);//30
这个例子中的变量sum在被初始化赋值时没有使用var关键字。于是,当调用完add()之后,添加到全局环境中的变量sum将继续存在;即使函数已执行完毕,后面的代码依旧可以访问它。
2.查询标示符
当在某个环境中为了读取或写入而引用一个标示符时,必须通过搜索来确定该标示符实际代表什么。搜索过程从作用域链的前端开始,向上逐级查询与给定名字匹配的标示符。如果在局部环境中找到了该标示符,搜索过程停止,变量就绪。如果在局部变量中没有找到该变量名,则继续沿作用域链向上搜索。搜索过程将一直追溯到全局环境的变量对象。如果在全局环境中也没有找到这个标示符,则意味着该变量尚未声明。
通过下面示例,可以理解查询标示符的过程:
var color="blue";function getColor(){ return color; }alert(getColor());//blue
调用本例中的函数getColor()时会引起变量color。为了确定变量color的值,将开始一个两步的搜索过程。首先,搜索getColor()的变量对象,查找其中是否包含一个名为color的标示符。在没有找到的情况下,搜索继续到下一个变量对象(全局环境的变量对象),然后在那里找打了名为color的标示符。因为搜索到了定义这个变量的变量对象,搜索过程宣告结束。
在这个搜索过程中,如果存在一个局部的变量的定义,则搜索会自动停止,不再进入另一个变量对象。换句话说,如果局部环境中存在着同名标示符,就不会使用位于发环境中过的标示符,如下面的例子:var color="blue";function getColor(){ var color="red";return color; }alert(getColor());//red
修改后的代码在getColor()函数中声明了一个名为color的局部环境。调用函数时,该变量就会被声明。而当函数中的第二行代码执行时,意味这必须找到并返回变量color的值。搜索过程首先从局部环境中开始,而且在这里发现了一个名为color的变量,其值为"red“。因为变量已经找到了,所以搜索即行停止,return语句就使用这个局部变量,并未函数返回”red“。也就是说,任何位于局部变量的color的声明之后的代码,如果不使用window.color都无法返回全局color变量。如果有一个操作数是对象,而另一个不是,就会在对象上调用valueOf()方法以取得基本类型的值,以便根据前面的规则进行比价。