首页 / JAVA / javascript中错误使用var造成undefined

javascript中错误使用var造成undefined

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript中错误使用var造成undefined，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1173字，纯文字阅读大概需要2分钟。

内容图文

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



原文：http://blog.csdn.net/sunmc1204953974/article/details/39673549

内容总结

以上是互联网集市为您收集整理的javascript中错误使用var造成undefined全部内容，希望文章能够帮你解决javascript中错误使用var造成undefined所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1305695.html

来源：【匿名】