JavaScript 中定义变量时有无var声明的区别

关于JavaScript中定义变量时有无var声明的区别

var a=5;    //正确

a=5;    //正确

  在javascript中,以上两种方法都是定义变量的正确方法。微软的Script56.CHM中是这样解释的:

  尽管并不安全,但声明语句中忽略 var 关键字是合法的JS语法。这时,JS 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围,这种情况下,变量声明必须用 var 关键字。

  

从上面的描述看来,对待这两种定义方法要区分以下两种情况:

1.在一个过程级中(即位于function的定义范围内,无论是函数,还是类)的任何地方,包括在一个区块里(for,while,if……),定义变量时,使用var定义,则此变量只在这个过程级内起作用,反之为全局变量。

2.在过程级外定义变量时,无论是否忽略var,都将定义一个全局变量。

从这点看来,JS和其他语言有不一样的地方,变量的范围不以“{}”作为边界,而是以”function(){}”为边界,而且在过程内可以很轻松的定义全局变量。如果不注意这个问题的话,是很容易产生不可预知的错误的。

  

  区别一:在函数作用域内 加var定义的变量是局部变量(在方法内),不加var定义的就成了全局变量。

  例1:变量使用 var 定义:

<script>
var a="hello world";
function test1(){
var a="hello sxl";
alert(a);
}
test1(); //输出“hello sxl”
alert(a); //输出“hello world” ,或者无定义var a="hello world";时,无输出
</script>

  例2:变量不使用 var 定义:

<script>
var a="hello world";
function test2(){
a="hello sxl";
alert(a);
}
test2(); //输出“hello sxl”
alert(a); //输出“hello sxl”
</script>

  例3:

  <script type="text/javascript">
var gobal="global";
var a=10;
test3(); //1.输出顺序: gobal,local
function test3(){
var local="local";
alert(gobal);
alert(local);
}
alert(a); //2.输出: 10
alert(local); //3.无输出 ,但若是把 test3() 方法内的 var local="local"; 的 var 去掉,则输出local
</script>

  在上面的test3方法内,当把local变量的var去掉后,local就变成了全局变量,但是在局部不使用local,则这个local作为全局是无效的。

  为了验证这点,我把test3方法内部唯一使用local变量的这句代码注释掉.发现在外部也打印不出来了。如下代码所示:

  例4:

   <script type="text/javascript">
var gobal="global";
var a=10;
test4(); //结果只输出一个 “global”
function test4(){
// local="local";
alert(gobal);
alert(local);
}
alert(a); //无输出
alert(local); //无输出
</script>

  总结:全局变量可以不声明var 函数内变量必须声明var,在定义全局变量时加或不加var关键字没什么影响;但在定义局部变量时如果不加var关键字javascript解释程序会将其解释为全局变量。

  

  区别二:在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete.也就说明隐含全局变量严格来说不是真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以。

  区别三:使用var 定义变量还会提升变量声明,如:

  例5:变量使用 var 定义:

  <script type="text/javascript">

       function test5(){
console.log(a);
var a="hello JavaScript ";
}
test5(); // 控制台:“undefined”
</script>

  例6:变量没有使用 var 定义:

 <script type="text/javascript">

       function test6(){
console.log(a);
a="hello JavaScript ";
}
test6(); // 控制台上:“Uncaught ReferenceError: a is not defined”
</script>

这就是使用var定义的变量的声明提前。

  区别四:在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。

 

变量作用域的规则如下:

1.如果在函数或代码块中使用var 关键字声明一个变量,那么这是一个属于这个函数或代码块的局部变量;

2.如果使用一个没有用var 关键字声明的变量,并且存在同名的全局变量,那么该局部变量将等同于已经存在的全局变量;

3.如果使用var 关键字在局部声明一个变量,但是没有对变量进行初始化(即为变量赋值),那么它是个局部变量,但是它是未定义的;

4.如果在局部声明变量时没有使用var关键字,或者显式地声明为全局变量,但是没有初始化它,那么它是一个可以全局访问的变量,但是也是未定义的。

(——《JavaScript 学习指南》Shelley Powers 著)

参考:http://www.jb51.net/article/53909.htm

尽管并不安全,但声明语句中忽略 var 关键字是合法的 JScript 语法。这时,JScript 解释器给予变量全局范围的可见度。当在过程级中声明一个变量时,它不能用于全局范围;这种情况下,变量声明必须用 var 关键字。

上一篇:jsp URL中文传值


下一篇:JavaScript学习系列2一JavaScript中的变量作用域