H5-2.25js作用域与作用域链

任何程序设计语言都有作用域的概念，简单的说，作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部作用域两种。

1. 全局作用域（Global Scope）

在代码中任何地方都能访问到的对象拥有全局作用域，一般来说以下几种情形拥有全局作用域：

（1）最外层函数和在最外层函数外面定义的变量拥有全局作用域，例如：

 var authorName="山边小溪";
function doSomething(){
var blogName="梦想天空";
function innerSay(){
    alert(blogName);
}
innerSay();
}
  alert(authorName); //山边小溪
  alert(blogName); //脚本错误
  doSomething(); //梦想天空
  innerSay() //脚本错误

（2）所有末定义直接赋值的变量自动声明为拥有全局作用域，例如：

 function doSomething(){
var authorName="山边小溪";
blogName="梦想天空";
alert(authorName);
 }
doSomething(); //山边小溪
alert(blogName); //梦想天空
alert(authorName); //脚本错误

1. 局部作用域（Local Scope）
   和全局作用域相反，局部作用域一般只在固定的代码片段内可访问到，最常见的例如函数内部，所有在一些地方也会看到有人把这种作用域称为函数作用域，例如下列代码中的blogName和函数innerSay都只拥有局部作用域。

      function doSomething(){
     var blogName="梦想天空";
    function innerSay(){
   alert(blogName);
    }
   innerSay();
   }
   alert(blogName); //脚本错误
   innerSay(); //脚本错误
   

作用域链和代码优化
从作用域链的结构可以看出，在运行期上下文的作用域链中，标识符所在的位置越深，读写速度就会越慢。如上图所示，因为全局变量总是存在于运行期上下文作用域链的最末端，因此在标识符解析的时候，查找全局变量是最慢的。所以，在编写代码的时候应尽量少使用全局变量，尽可能使用局部变量。一个好的经验法则是：如果一个跨作用域的对象被引用了一次以上，则先把它存储到局部变量里再使用。例如下面的代码：

   function changeColor(){
    document.getElementById("btnChange").onclick=function(){
      document.getElementById("targetCanvas").style.backgroundColor="red";
  };
}

这个函数引用了两次全局变量document，查找该变量必须遍历整个作用域链，直到最后在全局对象中才能找到。这段代码可以重写如下：

function changeColor(){
 var doc=document;
doc.getElementById("btnChange").onclick=function(){
    doc.getElementById("targetCanvas").style.backgroundColor="red";
};
}

这段代码避免了，重复从全局作用域中寻找，当大量使用时可以节省程序反映事件。