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 关键字。
posted on 2016-04-16 19:12 CuriousZero 阅读(2150) 评论(0) 编辑 收藏 举报