js之变量

一.定义

作用域：变量的作用范围

二.分类

根据作用域的不同：

我们将变量分为全局变量和局部变量:
1)全局变量
全局变量时在函数外声明的函数

    var a=10;
    console.log(a);//10

例如上述的a即为全局变量，在整个页面均可以被调用
2)局部变量
局部变量时在函数内声明的函数，

<script>
function add(){
        var a=20;
        console.log(a);//20
    }
    add();
</script>

【分析】上述的a为局部变量，只在函数内被定义
注意：
若在函数中声明变量没有用var，则未定义的变量则由局部变量升级为全局变量
如下例子：

<script>
 var a;
    function add(){
       a=20;
    }
    add();
    console.log(a);//20
</script>

【分析】在上述例子中，输出结果为20，因为没有定义成功，这里的局部变量升级为了全局变量，在函数外也可以使用，但如果function中a的定义有var ，这里的a就变成了局部变量，在输出结果就会变成undefined

三.就近原则

变量的作用域遵循就近原则

<script>
    var a=10;
    function add(a){
      console.log(a);//20
        var a=40;
        console.log(a);//40
    }
    add(20);
    console.log(a);//10
</script>

【分析】上述代码中，输出结果为:20 40 10;

四.变量提升

变量会进行变量提升，在运行钱先将有var的都提出来
注意：在ES5中,没有块级作用域

//变量提升
        if(true){
            var a=10;//全局变量
            console.log(a);//10
            console.log(b);//undefined
        }else{
            var b=20;//全局变量
        }
        console.log(a);//10
        console.log(b);//undefined

【分析】在上述代码中，首先系统会将var a,b；提出来第一个a被赋值于10，所以输出为10，而第一个b只被声明而未被赋值，所以为undefined；第二个a已被声明并且赋值，所以输出为10，第二个b由于else中的内容未被执行，所以b只被声明未被定义，所以输出为undefined；
等同于如下代码：

 //等同于如下代码
        var a,b;
        if(true){
            a=10;
            console.log(a);
            console.log(b);//undefined
        }else{
            b=20;
        }
        console.log('out:',a);//10
        console.log('out:',b);//undefined

五.总结

建议：优先使用局部变量；
[【原因】因为全局变量生命周期更长（和页面周期一致），占用内存时间长
而局部变量使用完毕就可以等待回收，更加合理