区分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 相关文章推荐
jquery 图片 上一张 下一张 链接效果(续篇)
Apr 20 Javascript
Jquery之美中不足小结
Feb 16 Javascript
jquery选择器简述
Aug 31 Javascript
Bootstrap入门书籍之(三)栅格系统
Feb 17 Javascript
JS基于递归算法实现1,2,3,4,5,6,7,8,9倒序放入数组中的方法
Jan 03 Javascript
Vue 父子组件、组件间通信
Mar 08 Javascript
Bootstrap模态框插件使用详解
May 11 Javascript
深入研究React中setState源码
Nov 17 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
vue iview实现动态新增和删除
Jun 17 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
element-ui tree结构实现增删改自定义功能代码
Aug 31 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
JAVA/JSP学习系列之四
2006/10/09 PHP
php数据入库前清理 注意php intval与mysql的int取值范围不同
2010/12/12 PHP
php基于单例模式封装mysql类完整实例
2016/10/18 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
JS的反射问题
2010/04/07 Javascript
js实现图片漂浮效果的方法
2015/03/02 Javascript
JavaScript中pop()方法的使用教程
2015/06/09 Javascript
javascript下使用Promise封装FileReader
2016/02/19 Javascript
jQuery插件扩展extend的简单实现原理
2016/06/24 Javascript
footer定位页面底部(代码分享)
2017/03/07 Javascript
JS 设置Cookie 有效期 检测cookie
2017/06/15 Javascript
Javascript调试之console对象——你不知道的一些小技巧
2017/07/10 Javascript
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
React学习笔记之高阶组件应用
2018/06/02 Javascript
微信小程序下拉框组件使用方法详解
2018/12/28 Javascript
Node.js学习教程之Module模块
2019/09/03 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
three.js欧拉角和四元数的使用方法
2020/07/26 Javascript
使用python编写android截屏脚本双击运行即可
2014/07/21 Python
python操作字典类型的常用方法(推荐)
2016/05/16 Python
Python 搭建Web站点之Web服务器网关接口
2016/11/06 Python
Python多线程扫描端口代码示例
2018/02/09 Python
python Django里CSRF 对应策略详解
2019/08/05 Python
pygame实现飞机大战
2020/03/11 Python
python+pygame实现坦克大战小游戏的示例代码(可以自定义子弹速度)
2020/08/11 Python
高品质和独特的产品世界:Creations and Collections
2018/01/07 全球购物
房地产销售计划书
2014/01/10 职场文书
元宵晚会主持词
2014/03/25 职场文书
《蝙蝠和雷达》教学反思
2014/04/23 职场文书
会计毕业生自荐书
2014/06/12 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
督导岗位职责
2015/02/04 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
选择比努力更重要?这是长期以来对“努力”的最大误解
2019/07/12 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
python 实现图片特效处理
2022/04/03 Python