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

赞 (0)

相关推荐

  • js for循环，为什么一定要加var定义i变量

    譬如下面. 复制代码 代码如下: for(i=0;i<10;i++){//就不写成: var i=0 alert(i); } 但是,这真的不是个好习惯,下面我就说说为什么写Js的for循环一定要加var,否则会时不时给你带来烦人难查的bug. 譬如现在我们要实现这样的功能:输出 10 20 30 40 50 60 70 80 90 100 通过下面code实现,WriteNumber从1到10循环,每次循环调用TenTimes方法返回10倍的索引值. 复制代码 代码如下: <script ty

  • javascript定义变量时有var和没有var的区别探讨

    我们先来看一段代码 function show(){ alert(abc); } var abc="defg"; show(); 有过C++或Java编程经验的人可能会说:"这程序,死定了,变量竟然在引用了该变量的函数后边定义,bug会灭掉你的."放在浏览器上运行一下,结果怎样?完美运行!接下来我们就说一下这是咋回事--有var和没有var定义的变量的区别. 1.没有var 简明的说,定义变量时省略var是不安全的,不过是合法的.这时无论该变量是在什么位置定义的,解

  • javascript中的undefined和not defined区别示例介绍

    经研究发现,两者之间有很大的区别,不知从英语讲,这两者都有啥区别,研究结果如下 测试os:ubuntu 测试浏览器:chrome 测试案例1 console.log(a) 报错 ReferenceError: a is not defined 测试案例2 var a console.log(a) 无报错,但是输出undefined 测试案例2 var b = {}; console.log(b.a) 无报错,但是输出undefined 测试案例3 function c() { } var d =

  • js判断undefined类型,undefined,null, 的区别详细解析

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reValue=window.showModalDialog("","","");   if (reValue== undefined){  alert("undefined"); } 发现判断不出来,最后查了下资料要用typeof 方法:

  • JS中怎样判断undefined(比较不错的方法)

    最近做项目碰到的问题.拿出来跟大家分享一下吧. 用servlet赋值给html页面文本框值后,用alert来弹出这个值.结果显示"undefined".所以我就自然的用这个值和字符串"undefined"去比较,很不幸,比较的结果是false. 没办法,只能google一下,寻求大神了. 原来必须用typeof,写法就是: 复制代码 代码如下: if(typeof(value)=="undefined"){ alert("undefin

  • JS 判断undefined的实现代码

    以下是不正确的用法: 复制代码 代码如下: var exp = undefined; if (exp == undefined) { alert("undefined"); } exp 为 null 时,也会得到与 undefined 相同的结果,虽然 null 和 undefined 不一样. 以下是正确的用法: 复制代码 代码如下: var exp = undefined; if (typeof(exp) == "undefined") { alert(&quo

  • Javascript中的var_dump函数实现代码

    发现了一个非常好的JavaScript调试方法,目前看到的是可以打印Object/Array/Function/String四种类型,使用方法和PHP中的var_dump()一样,只要直接dump(变量名)即可. 复制代码 代码如下: dump(value, [showTypes]) @ param value (Any) value to dump @ param [showTypes] (Boolean) optional to display each key/value's type @

  • JScript中的'var'定义变量的作用域

    都不记得是什么时候看的JScript的语法教程了,里面说在声明变量时忽略var关键字是完全合法的.当时也因为觉得JavaScript是loosely-typed的语言,所以var可能真的就是个摆设.但是事实常常又证明想当然的结果是不可靠的.   看看下面这几个例子的结果就知道问题了:  No.1 var var00 = 0; document.write(var00 + ' '); var var01 = 1; function foo() { document.write(var01); va

  • 关于JavaScript中var声明变量作用域的推断

    一.迷思!由一段代码引发的疑惑 请看如下代码: 复制代码 代码如下: for(var i=0;i<3;i++) { console.log(j+","+k); for(var j=0;j<3;j++) { var k = j+1; } } console.log(i); 输出结果: undefined,undefined 3,3 3,3 3 如果你是搞c.java等语言的,可能你会不解,为何j.k这种局部变量可以被作用域外的代码访问呢? 如果JavaScript中用var声

  • JS中判断null、undefined与NaN的方法

    写了个 str ="s"++; 然后出现Nan,找了一会. 收集资料如下判断: 1.判断undefined: var tmp = undefined; if (typeof(tmp) == "undefined"){ alert("undefined"); } 说明:typeof 返回的是字符串,有六种可能:"number"."string"."boolean"."object

随机推荐