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" οnclick="test1()"/><input type="button" value="test2" οnclick="test2()"/><input type="button" value="test3" οnclick="test3()"/></body>
</html>
执行的结果是这种:
点击test1 ,弹出局部变量。
点击test2,弹出undefined,再弹出局部变量
点击test3,弹出全局变量,再弹出局部变量
这就是使用var和不使用的差别所在:
假设使用var,那么程序会强制定义一个新变量。
假设没有使用var,系统会优先在当前上下文中搜索是否存在该变量,仅仅有在不存在的前提下才会又一次定义一个新变量。
test3中,使用的变量a均为全局变量,第一次直接输出了全局变量,第二次是直接为全局变量赋值之后使用。
test1和test2中都存在在function中使用var定义同名新变量,会导致函数中的变量覆盖掉全局变量。所以在test2中:第一次输出的a是已经被覆盖了的局部变量a,可是没有给予初值,所以会出现undefined这个结果。这样使用变量实际上是错误的,大家应该避免。
转载于:https://www.cnblogs.com/bhlsheji/p/4065794.html
javascript中错误使用var造成undefined相关推荐
- php js 报错信息,JavaScript中错误异常的分析(附示例)
本篇文章给大家带来的内容是关于JavaScript中错误异常的分析(附示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 我的建议是不要隐藏错误,勇敢地抛出来.没有人会因为代码出现 ...
- JavaScript中错误正确处理方式,你用对了吗?
JavaScript的事件驱动范式增添了丰富的语言,也是让使用JavaScript编程变得更加多样化.如果将浏览器设想为JavaScript的事件驱动工具,那么当错误发生时,某个事件就会被抛出.理论上 ...
- Javascript 中 null、NaN和undefined的区别
1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型. 代码 var a1; var a2 = tr ...
- JavaScript中错误正确处理方式,你用对了吗? 1
JavaScript的事件驱动范式增添了丰富的语言,也是让使用JavaScript编程变得更加多样化.如果将浏览器设想为JavaScript的事件驱动工具,那么当错误发生时,某个事件就会被抛出.理论上 ...
- JavaScript中let和var区别详解
想要了解var(ES5)和let(ES6)区别,首先就要了解ES5下JS的变量提升 一.变量提升(声) 当浏览器开辟出供代码执行的栈内存后,代码并没有自上而下立即执行,而是继续做了一些事情:把当前作用 ...
- javascript中let和var的区别
let是es6中新增命令,也是用来声明变量的,可能很多小伙伴都像我一样,定义变量的时候都会用var而很少用到let,那么,let和var到底有什么区别呢? let和var的区别体现在作用域上.var的 ...
- Javascript中的0,false,null,undefined,空字符串对比
先看一段代码: <script type="text/javascript">alert(typeof (false) === "boolean") ...
- Javascript 中的非空判断 undefined,null, NaN的区别
JS 数据类型 在介绍这三个之间的差别之前, 先来看一下JS 的数据类型. 在 Java ,C这样的语言中, 使用一个变量之前,需要先定义这个变量并指定它的数据类型,是整型,字符串型,.... 但是 ...
- JavaScript中错误异常的分析
JavaScript 提供一套错误处理机制,错误是干扰程序正常流程的非正常的事故.而没人可以保持程序没有 bug,那么上线后遇到特殊的 bug,如何更快的定位问题所在呢?这就是我们这个专题需要讨论的问 ...
最新文章
- 《京东峰值系统设计》读后感
- 关于Jenkins日志爆满的解决方法
- Linux系统简单介绍和基本命令
- express添加权限拦截
- C/C++ OpenCV高斯滤波
- 2017.4.5 假期的宿舍 思考记录
- Ubuntu不能挂载移动硬盘问题Error mounting /dev/sda1 at /media/XXXX: Command-line `mount -t ntfs -o
- Java 窗口设置图标及背景图片
- 电脑长截图的操作方法
- 2017计算机办公自动化试题,2017办公自动化考试试题
- ON1 Resize AI 2022(图片无损放大软件)官方中文版介绍 | 图片无损放大用什么软件 | 图片无损放大软件哪个好用?
- verlay虚拟化技术_FPGA虚拟化:突破次元壁的技术
- Advanced Design System 破解教程 ADS 2017
- 基于微信小程序的大学生心理健康测试设计与实现 .docx
- 在OpenGL中创建一个球体动画,使球体在窗口内做自由落体运动,并在撞击地面后能够返回原来高度
- 【今日收获】关于[Error] expected identifier before ‘*‘ token的解决办法
- 泰山OFFICE技术讲座:字体的kerning是什么意思
- log4j2 概述、配置详情、日志八种输出级别讲解
- Ubuntu USB设备端口号绑定
- Web组态编辑器赋能智慧石油生产储运2D可视化