javascript中错误使用var造成undefined

网络编程 javascript中错误使用var造成undefined 06-22

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

js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解
JavaScript中有三个可以对字符串编码的函数，分别是：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent。下面简单介绍一下它

js+flash实现的5图变换效果广告代码(附演示与demo源码下载)
本文实例讲述了js+flash实现的5图变换效果广告代码。分享给大家供大家参考，具体如下：这是一款类似淘宝图片广告的js+flash广告代码。非常美观实用！

JS中多步骤多分步的StepJump组件实例详解
最近的工作在做一个多步骤多分步的表单页面，这个多步骤多分步的意思是说这个页面的业务是分多个步骤完成的，每个步骤可能又分多个小步骤来处

编辑：一起学习网

标签：变量,局部,全局变量,弹出,函数