首页 > web前端 > js教程 > JavaScript是否使用var定义变量的区别,举例说明

JavaScript是否使用var定义变量的区别,举例说明

php是最好的语言
发布: 2018-07-28 13:51:57
原创
1650 人浏览过

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,故也就输出“全局变量”

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,故也就输出“全局变量”

相关文章:

javascript定义变量时带var与不带var的区别分析_javascript技巧

javascript定义变量时加var与不加var的区别_基础知识

相关视频:

JavaScript 基础加强视频教程

以上是JavaScript是否使用var定义变量的区别,举例说明的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板