区分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 相关文章推荐
JS中使用Array函数shift和pop创建可忽略参数的例子
May 28 Javascript
javascript比较两个日期相差天数的方法
Jul 23 Javascript
jQuery实现布局高宽自适应的简单实例
May 28 Javascript
微信小程序图表插件(wx-charts)实例代码
Jan 17 Javascript
详解Sea.js中Module.exports和exports的区别
Feb 12 Javascript
Angularjs分页查询的实现
Feb 24 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
vue watch监听对象及对应值的变化详解
Feb 24 Javascript
Vue 项目代理设置的优化
Apr 17 Javascript
利用Bootstrap Multiselect实现下拉框多选功能
Apr 08 Javascript
js简单的分页器插件代码实例
Sep 11 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 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
ajax缓存问题解决途径
2006/12/06 PHP
PHP下对字符串的递增运算代码
2010/08/21 PHP
PHP ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
使用php从身份证号中获取一系列线索(星座、生肖、生日等)
2016/05/11 PHP
PHP使用Redis长连接的方法详解
2018/02/12 PHP
PHP与Web页面交互操作实例分析
2020/06/02 PHP
Extjs gridpanel 出现横向滚动条问题的解决方法
2011/07/04 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
2011/12/14 Javascript
使用js检测浏览器的实现代码
2013/05/14 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
js获取数组的最后一个元素
2015/04/14 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
jQuery实现字体颜色渐变效果的方法
2017/03/29 jQuery
微信小程序 空白页重定向解决办法
2017/06/27 Javascript
js定时器+简单的动画效果实例
2017/11/10 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
vue-router命名路由和编程式路由传参讲解
2019/01/19 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
2019/03/12 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
JS实现盒子拖拽效果
2020/02/06 Javascript
Javascript Symbol原理及使用方法解析
2020/10/22 Javascript
在实例中重学JavaScript事件循环
2020/12/03 Javascript
python实现批量监控网站
2016/09/09 Python
Python微信库:itchat的用法详解
2017/08/14 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
苹果Mac升级:MacSales.com
2017/11/20 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
工商管理应届生求职信
2013/10/07 职场文书
网络工程师自荐书范文
2014/04/01 职场文书
青年文明号口号
2014/06/17 职场文书
2014学校领导四风问题对照检查材料思想汇报
2014/09/22 职场文书
仓库统计员岗位职责
2015/04/14 职场文书
利用html+css实现菜单栏缓慢下拉效果的示例代码
2021/03/30 HTML / CSS