请看下边的例子:
function changeColor(){
if(color == "blue")
color = "red";
else
color = "blue";
}
changeColor();
console.log("Color is now "+color);//=> Color is now red
这个简单的例子中,函数changeColor()作用域链包含两个对象:它自身的变量对象(其中包含着arguments对象)和全局的环境变量对象。
在来看一个例子:
var color = "blue";
function changeColor(){
var anotherColor = "red";
function swapColors(){
var tempColor = anotherColor;
anotherColor = color;
color = anotherColor;
console.log("swapColors:"+tempColor,anotherColor,color);
}
swapColors();
console.log("swapColors:"+anotherColor,color);
};
上述代码中涉及三个执行环境:全局执行环境、changeColor()局部执行环境和局部的swapColors()执行环境。全局执行执行环境有一个变量color和函数changeColor()。局部执行环境有一个变量anotherColor和函数swapColors()函数,它可以访问全局环境中的变量color。swapColors()局部环境中有一个tempColor变量,这个变量仅能在此环境中访问,全局执行环境和changeColor()局部执行环境都无权访问。在swapColors()函数内部则可以访问全局环境中的变量和changeColor()局部执行中的变量,因为那两个环境是它的父执行环境。下图形象的展示了这个例子的作用域链:
图中的矩形表示特定的执行环境。其中,内部环境可以通过作用域链访问所有的外部环境,但是外部环境不能访问内部环境中的任何变量和函数。这些环境之间是线性的,有序的。每个环境都向上搜索作用域链,以查询变量和函数;但任何环境不能向下搜索作用域链进入另一个环境。对于这个例子中的swapColors()而言,其中作用域链中包含三个对象:swapColors()本身的变量对象(就是和swapColors()局部执行环境关联的那个对象)、changeColor()的变量对象和全局的变量对象。swapColors()局部执行环境先在自己的变量对象中搜索变量和函数名,如搜索不到在搜索上一级作用域链。
如果理解了以上内容就会很容易理解JavaScript中的闭包。我们来看一个例子:
var scope = "A";
function checkscope(){
var scope = "B";
function f(){ return scope; }; //定义一个内嵌函数f()
return f;//注意这里是返回函数f()的引用
};
checkscope()();//=> B
为什么结果是B,而不是A呢?因为返回函数f()的引用后,f()函数的作用域链还在,f()函数作用域链中的第一个对象就是本身的变量对象,第二个对象就是
checkscope()局部执行环境所关联的对象,第三个就是全局环境变量所关联的window对象。