javascript中错误使用var造成undefined
JavaScript错误 var undefined 造成 使用
2023-09-14 09:08:16 时间
在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这个结果。这样使用变量实际上是错误的,大家应该避免。
相关文章
- JavaScript[容易忽视的错误]:当续行遇到换行,换行符丢失
- JavaScript基础之for
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript案例:动态生成表格
- Selenium 如何定位 JavaScript 动态生成的页面元素
- JavaScript学习总结(二十)——Javascript非构造函数的继承详解编程语言
- JavaScript学习总结(十七)——Javascript原型链的原理详解编程语言
- javascript常见错误详解编程语言
- 谷歌设立研究基金寻找浏览器 JavaScript 引擎中的错误
- 一个加密JavaScript的开源工具PACKER2.0.2
- Javascript常用运算符(Operators)-javascript基础教程
- Javascript更新JavaScript数组的uniq方法
- JavaScript应用类库代码
- JavaScript变量作用域及闭包
- 一个简单的javascript类定义例子
- JavaScript嵌套函数指向this对象错误的解决方法
- JavaScript中实现块作用域的方法
- javascript中"/"运算符常见错误
- Javascript在IE下设置innerHTML时出现未知的运行时错误的解决方法
- Javascript对象中关于setTimeout和setInterval的this介绍
- javascript错误的认识不用关心内存管理
- 通过jQuery源码学习javascript(一)
- JavaScript正则表达式验证中文实例讲解
- 解析javascript系统错误:-1072896658的解决办法
- javascript+canvas制作九宫格小程序