首页 > 代码库 > javascript中错误使用var造成undefined

javascript中错误使用var造成undefined

2024-07-30 11:59:28   222人阅读

在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=http://www.mamicode.com/"test1" onclick="test1()"/>>
执行的结果是这种：
点击test1 ，弹出局部变量。
点击test2，弹出undefined，再弹出局部变量
 点击test3，弹出全局变量，再弹出局部变量

这就是使用var和不使用的差别所在：
假设使用var，那么程序会强制定义一个新变量。
假设没有使用var，系统会优先在当前上下文中搜索是否存在该变量，仅仅有在不存在的前提下才会又一次定义一个新变量。

test3中，使用的变量a均为全局变量，第一次直接输出了全局变量，第二次是直接为全局变量赋值之后使用。
test1和test2中都存在在function中使用var定义同名新变量，会导致函数中的变量覆盖掉全局变量。所以在test2中：第一次输出的a是已经被覆盖了的局部变量a，可是没有给予初值，所以会出现undefined这个结果。这样使用变量实际上是错误的，大家应该避免。


javascript中错误使用var造成undefined


联系
我们