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了，你学会了吗？