JavaScript的变量作用域详解

全局变量

定义在所有函数之外的变量，全局作用域的变量能够在所有的js脚本中使用：

    var num=2;//全局变量
        function fn(){
                console.log(num);//打印变量num
        } 
        fn();
        console.log(num);//打印变量num

不管在函数体里面还是外面，num在控制台上打印结果都为2，可见全局变量可以在脚本任何地方调用并可赋与新值；但也会出现如下现象：

    var num=2;//全局变量
        function fn(){
            var num = 1;//局部变量
                console.log(num);//打印变量num
        } 
        fn();
    console.log(num);//打印变量num

函数体里面打印的num值为1，函数体外打印的num值为2；这儿也许大家就要会有疑问了，既然num是全局变量并被赋值为2，可是在函数体里面num值为什么变成了1呢，这是因为num在函数体里面被重新申明了var num = 1;num在函数体里面被当作局部变量使用了，所以在函数体外面作为全局变量的num仍然为2。

局部变量(函数级)

定义在函数体内部的变量，只在函数内部有作用，超出函数体的范围不能进行使用

function fn(){
    var num = 1;//局部变量
    console.log(num);
}
fn();
console.log(num);

函数体里面控制台打印num为1，函数体外面控制台则会报语法错误，由此可见局部变量只供函数内部调用。

声明提升(预解析)

将所有使用 var 定义的变量声明部分提升到对应作用域的最顶部，变量赋值位置不变。

    function test() {           
            console.log("循环前：" + i);
            for ( var i = 5; i >= 0; i--) {
                console.log("循环中：" + i);
            }
            console.log("循环后：" + i);
        }
        test();

控制台打印结果如下

函数体里在for循环前，控制台打印 i 值为undefined,这是因为使用 var 定义的变量声明部分提升到对应作用域的最顶部，变量赋值位置不变。上面代码等同于如下代码

function test() {   
            var i;      
            console.log("循环前：" + i);
            for (i = 5; i >= 0; i--) {
                console.log("循环中：" + i);
            }
            console.log("循环后：" + i);
        }
        test();

块级变量

let/const 定义变量(ES6，有浏览器兼容问题)

如果用let定义变量则不会出现申明提升现象 ，因为使用let/const定义的变量只能在块级中被调用，即这儿的for循环中，for循环外不能被调用。

function test() {           
            console.log("循环前：" + i);
            for ( let i = 5; i >= 0; i--) {
                console.log("循环中：" + i);
            }
            console.log("循环后：" + i);
        }
        test();

此时for循环前console.log("循环前：" + i);代码段则会报错，因为在此之前 i 并没有被申明为变量。

使用let\const变量注意事项
1、let定义的是变量，即以后还可以修改变量中的值
2、const定义的是常量，即一旦变量中的值赋值确定，则以后不能再修改