| 标题 | javascript中错误使用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这个结果。这样使用变量实际上是错误的，大家应该避免。 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。