区分JS中的undefined,null,"",0和false


Posted in Javascript onMarch 08, 2007

在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,boolean类型的假值false等等。在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢?

    其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是true和false这两种情况外,其它数据类型的"空值"主要是undefined和defined这两大类。这些空值的类型分别是: 

 typeof(undefined) == 'undefined'  
 typeof(null) == 'object'  
 typeof("") == 'string'  
 typeof(0) == 'number'  
 typeof(false) == 'boolean' 

    这五个值的共同点是,在if语句中做判断,都会执行false分支。当然从广义上来看,是说明这些数值都是其对应数据类型上的无效值或空值。还有这五个值作!运算,结果全为:true。

    这几个值中也有不同,其中undefined和null比较特殊,虽然null的类型是object,但是null不具有任何对象的特性,就是说我们并不能执行null.toString()、null.constructor等对象实例的默认调用。所以从这个意义上来说,null和undefined有最大的相似性。看看null == undefined的结果(true)也就更加能说明这点。不过相似归相似,还是有区别的,就是和数字运算时,10 + null结果为:10;10 + undefined结果为:NaN。

    另外""、0和false虽然在if语句表现为"假值",可它们都是有意义数据,只是被作为了"空值"或"假值",因为:"".toString(),(0).toString()和false.toString()都是合法的可执行表达式。

    其实这5个值在上面所说的这些差异里,并不太会给程流程控制带来太大的问题,那么要区分它们什么呢?需要注意区分的是这些值在转换为String时的差异是比较大的,它们到String的转换关系是: 

 String(undefined) -> "undefined"  
 String(null) -> "null"  
 String("") -> ""  
 String(0) -> "0"  
 String(false) -> "false" 

    这个转换关系在做字符串累加时需要特别的注意,否这会出些意想不到的问题,今天就遇到一个null被默认转为"null"给弄得迷糊了好一阵子。
Javascript 相关文章推荐
srcElement表格样式
Sep 03 Javascript
javascript 广告后加载,加载完页面再加载广告
Nov 25 Javascript
终于解决了IE8不支持数组的indexOf方法
Apr 03 Javascript
用显卡加速,轻松把笔记本打造成取暖器的办法!
Apr 17 Javascript
jquery设置控件位置的方法
Aug 21 Javascript
js实现每日自动换一张图片的方法
May 04 Javascript
解决js函数闭包内存泄露问题的办法
Jan 25 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
IntelliJ IDEA编辑器配置vue高亮显示
Sep 26 Javascript
vue.js 解决v-model让select默认选中不生效的问题
Jul 28 Javascript
Javascript 解构赋值详情
Nov 17 Javascript
在JavaScript中使用inline函数的问题
Mar 08 #Javascript
JS类中定义原型方法的两种实现的区别
Mar 08 #Javascript
JavaScript语言中的Literal Syntax特性分析
Mar 08 #Javascript
从JavaScript的函数重名看其初始化方式
Mar 08 #Javascript
翻译整理的jQuery使用查询手册
Mar 07 #Javascript
用window.location.href实现刷新另个框架页面
Mar 07 #Javascript
javascript中的location用法简单介绍
Mar 07 #Javascript
You might like
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
腾讯QQ微博API接口获取微博内容
2013/10/30 PHP
Javascript脚本实现静态网页加密实例代码
2013/11/05 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
jQuery元素的隐藏与显示实例
2015/01/20 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
etmvc+jQuery EasyUI+combobox多值操作实现角色授权实例
2016/11/09 Javascript
EditPlus中的正则表达式 实战(2)
2016/12/15 Javascript
JavaScript队列的应用实例详解【经典数据结构】
2017/04/12 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
ES6中Array.copyWithin()函数的用法实例详解
2017/09/16 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
2018/02/05 Javascript
详解小程序云开发数据库
2019/05/20 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
python实现字符串和日期相互转换的方法
2015/05/13 Python
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
python 捕获shell脚本的输出结果实例
2017/01/04 Python
python datetime中strptime用法详解
2019/08/29 Python
python 监控logcat关键字功能
2020/09/04 Python
详解python os.path.exists判断文件或文件夹是否存在
2020/11/16 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
Champs Sports加拿大:北美最大的以商场为基础的专业运动鞋和服装零售商之一
2018/05/01 全球购物
酒店工作职员求职简历的自我评价
2013/10/23 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
小学校长先进事迹材料
2014/05/13 职场文书
单位授权委托书范文
2014/08/02 职场文书
公司股东出资证明书
2014/11/01 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
2015年食品安全工作总结
2015/05/15 职场文书
《大禹治水》教学反思
2016/02/22 职场文书
Rust 连接 PostgreSQL 数据库的详细过程
2022/01/22 PostgreSQL
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python