AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

javascript中错误使用var造成undefined

51自学网 http://www.wanshiok.com
javascript,var,undefined

在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这个结果。这样使用变量实际上是错误的,大家应该避免。


javascript,var,undefined  
上一篇:基于jquery实现轮播焦点图插件  下一篇:详解JavaScript表单验证(E-mail 验证)