JavaScript之使用var和不使用var定义变量的区别

javaScript与java、c语言虽然有很多相同，但是也存在区别。

JavaScript的变量没有块范围，唯一有自己作用域的就是函数。

（1）看下面的例子

<script type="text/javascript">
    //定义全局变量
    var scope="全集变量";
    function test(){
        //全局变量被局部变量覆盖
        document.writeln(scope+"<br/>")
        //定义scope局部变量，起作用范围是整个函数
        var scope="局部变量";
        //再次输出scope值
        document.writeln(scope);
    }
    test();
</script>

运行结果：
undefined
局部变量

（2）去掉test()中的var

<script type="text/javascript">
    //定义全局变量
    var scope="全集变量";
    function test(){
        //全局变量被局部变量覆盖
        document.writeln(scope+"<br/>")
        //定义scope局部变量，起作用范围是整个函数
        scope="局部变量";
        //再次输出scope值
        document.writeln(scope);
    }
    test();
</script>

运行结果：
全集变量
局部变量

（3）原因分析

主要是定义变量用var和不用var确实存在差异：

①如果使用var变量，那么程序会强制定义一个新变量

②如果没有使用var定义变量，系统会优先在当前上下文中搜索是否存在该变量，只有在该变量不存在的前提下，系统才会重新定义一个新变量

上面之所以从 undefined变成“全局变量”，是因为定义局部变量的代码处不是定义新变量，而是直接建全局变量scope赋值。因此test()并没有覆盖全局变量scope，故也就输出“全局变量”