javascript中错误使用var造成undefined
更新时间：2016年03月31日 16:02:04 作者：MingChaoSun
这篇文章主要介绍了javascript中错误使用var造成undefined的原因，实例分析了错误使用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这个结果。这样使用变量实际上是错误的，大家应该避免。
相关文章
这篇文章主要介绍了JS 实现请求调度器的方法，帮助大家更好的理解和学习使用js，感兴趣的朋友可以了解下2021-03-03
这篇文章主要介绍了JavaScript实现的简单幂函数,实例分析了javascript实现幂运算的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-04-04
这篇文章主要介绍了微信小程序实现验证码倒计时效果，手机登录、填手机号获取验证码，倒计时后重新获取效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-05-05
本文主要介绍了javascript表单的Ajax提交插件的使用，具有一定的参考价值。下面跟着小编一起来看下吧2016-12-12
这篇文章主要介绍了js限制文本框只能输入中文的方法,涉及javascript正则匹配及鼠标事件的相关技巧,非常简单实用,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了微信小程序开发中var that =this的用法详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要为大家详细介绍了微信小程序单选框组应用，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
在工作中经常会遇到js限制输入方面的要求，本文将详细介绍其实现原理，需要的朋友可以参考下2012-12-12
这篇文章主要介绍了JS对图片进行黑白化的实现代码,需要的朋友可以参考下2018-04-04
这篇文章主要介绍了javascript实现表格排序 编辑 拖拽 缩放的方法，效果非常不错，只是兼容性还有些问题，有待优化。2015-01-01
最新评论