JS中的作用域链

在js中数据的声明方式有两种：

1、用var声明，例如：var num = 10；

2、直接声明，例如：num = 10；

两种声明方式在某些情况下是有区别的：

var data = 10;
function fn01(){
 var data = 100;
 function fn02(){
   data = 1000;
   function fn03(){
     data = 10000;
   }
   fn03();
 }
 fn02();
}
fn01();
console.log(data);

此时data会是多少呢？

没错就是10

当在函数内使用var声明变量的时候这个变量就是局部变量，而当不使用var定义变量的时候这个变量就会是全局变量，当然这个全局变量也需要看定义的位置，这个全局变量会一直往上层寻找使用var定义的相同名称的变量，当寻找到时会替换其原来的变量，如果未找到则会自行定义一个全局变量；

var data = 10;
function fn01(){
 data = 100;
 function fn02(){
   data = 1000;
   function fn03(){
     data = 10000;
   }
   fn03();
 }
 fn02();
}
fn01();
console.log(data);

此时的data就是10000了，你学会了吗？

来源：http://www.cnblogs.com/ningmeng666/p/6484010.html