js中的做用域链

js中的执行环境：

所谓执行环境（有时也称环境）它是JavaScript中最为重要的一个概念。执行环境定义了变量或函数有权访问的其余数据 ，决定了它们各自的行为。而每一个执行环境都有一个与之相关的变量对象，环境中定义的全部变量和函数都保存在这个对象中。

 

js中的做用域链：

每一个函数都有本身的执行环境，当代码在执行环境中执行时，就会建立变量对象的做用域链。做用域链保证了对执行环境有权访问全部变量和函数的有序访问。做用域链的前端，始终都是当前执行的代码所在的环境的变量对象，若是环境是一个函数，那么它的变量对象就是该函数的活动对象。做用域链的下一个变量对象来自包含（外部）环境，再下一个变量对象来自下一个包含环境。这样一直延续到全局执行环境，记住，全局执行环境的变量对象永远是做用域中的最后一个对象。

例1：

var scope="global";
function foo(){
    console.log(scope);
}    
foo();

 在这个例子中，函数foo()的做用域链包含了两个对象，一个是它自身对象，另外一个是全局环境中的变量对象。由于咱们能够在这个做用域链中找的scope，因此能够在函数内部里访问到它。

例2：

var color = "blue";
function changeColor(){
    var anoterColor = "red";
    function swapColor(){
        var tempColor = anoterColor;
        anoterColor = color;
        color = tempColor;
        console.log(color);
    }
    swapColor();
}
changeColor(); //red

在这个例子中，有三个执行环境：全局环境、changeColor()的局部环境和swapColor()局部环境。咱们来看看这个例子的做用域链是怎样的吧。

图中的矩形表示特定的执行环境。咱们能够看到变量tempColor只能在swapColor()环境中访问到，而在changeColor()的局部环 境仍是全局环境中都没法访问到它。所以咱们能够获得一个结论：内部的环境能够经过做用域链访问全部的外部环境，但外部的环境没法访问内部的环境中的任何变 量和函数。每一个环境均可以向上搜索做用域链，以查询变量和函数名；可是任何环境都不能经过向下搜索做用域而进入另外一个执行环境。

 

js没有块级做用域

为何说js没有块级做用域呢？咱们来看下面的代码：

if(true){
  var color = "blue";  
}
alert(color);    //"blue"

咦，为何color在if语句执行完毕后被销毁呢？哈哈，若是在C、C++或Java中,color确实会被销毁，但在JavaScript中，if语句中的变量声明会将变量添加到当前的执行环境中（在这里是全局环境）中。特别地，在for语句时要牢记这一差别，例如：

for(var i = 0;ｉ< 10; i++){
doSomething(i);
}
alert(i);       //10

记住：在JavaScript中，由for语句建立的变量 i 即便在for循环执行结束以后，也依然会存在于循环外部的执行环境中哟。

转自：http://www.cnblogs.com/pwei/p/js-scope.html