信鸽网

javascript中错误使用var造成undefined

  作者：bea

在javascript中根据变量作用的范围不同分为局部变量和全局变量，直接定义的变量是全局变量，全局变量可以被所有的脚本访问；在函数中定义的变量是局部变量，局部变量只在函数内有效。 如果全局变量和局部变量使用相同的变量名，则局部变量将会覆盖全局变量。 例子代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js中全局

在javascript中根据变量作用的范围不同分为局部变量和全局变量，直接定义的变量是全局变量，全局变量可以被所有的脚本访问；在函数中定义的变量是局部变量，局部变量只在函数内有效。
如果全局变量和局部变量使用相同的变量名，则局部变量将会覆盖全局变量。
例子代码：




<!DOCTYPE html> 

<html> 

  <head> 

    <meta charset="utf-8"> 

    <title>js中全局变量与局部变量</title> 

  </head> 

  <body> 

    <script type="text/javascript"> 

      var a = "全局变量"; 

      function test1() 

      { 

        var a = "局部变量"; 

         

        alert(a); 

      } 

       

      function test2() 

      { 

        alert(a); 

         

        var a = "局部变量"; 

         

        alert(a); 

      } 

       

      function test3() 

      { 

        alert(a); 

         

        a = "局部变量"; 

         

        alert(a); 

      } 

    </script> 

     

    <input type="button" value="test1" onclick="test1()"/> 

    <input type="button" value="test2" onclick="test2()"/> 

    <input type="button" value="test3" onclick="test3()"/> 

 

  </body> 

</html>


运行的结果是这样的：
点击test1 ，弹出局部变量。
点击test2，弹出undefined，再弹出局部变量
 
点击test3，弹出全局变量，再弹出局部变量


这就是使用var和不使用的区别所在：
如果使用var，那么程序会强制定义一个新变量。
如果没有使用var，系统会优先在当前上下文中搜索是否存在该变量，只有在不存在的前提下才会重新定义一个新变量。


test3中，使用的变量a均为全局变量，第一次直接输出了全局变量，第二次是直接为全局变量赋值之后使用。
test1和test2中都存在在function中使用var定义同名新变量，会导致函数中的变量覆盖掉全局变量。所以在test2中：第一次输出的a是已经被覆盖了的局部变量a，但是没有给予初值，所以会出现undefined这个结果。这样使用变量实际上是错误的，大家应该避免。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: