区分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 入门讲解1
Apr 15 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 Javascript
javascript中onmouse事件在div中失效问题的解决方法
Jan 09 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
jQuery实现的经典竖向伸缩菜单效果代码
Sep 24 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
Mar 08 Javascript
jQuery复合事件用法示例
Jun 10 jQuery
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
Feb 24 Javascript
vue 解决addRoutes多次添加路由重复的操作
Aug 04 Javascript
如何使用CocosCreator对象池
Apr 14 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
一个php作的文本留言本的例子(一)
2006/10/09 PHP
php 生成静态页面的办法与实现代码详细版
2010/02/15 PHP
php用数组返回无限分类的列表数据的代码
2010/08/08 PHP
php常用字符函数实例小结
2016/12/29 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
JavaScript起点(严格模式深度了解)
2013/01/28 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
javascript闭包传参和事件的循环绑定示例探讨
2014/04/17 Javascript
Jquery中CSS选择器用法分析
2015/02/10 Javascript
js实现当前输入框高亮显示的方法
2015/08/19 Javascript
AngularJS入门教程之AngularJS表达式
2016/04/18 Javascript
原生js实现电商侧边导航效果
2017/01/19 Javascript
Angular+Node生成随机数的方法
2017/06/16 Javascript
Swiper自定义分页器使用详解
2017/12/28 Javascript
JS运动特效之链式运动分析
2018/01/24 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
详解Vue的ref特性的使用
2020/01/24 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
Openlayers实现测量功能
2020/09/25 Javascript
vue中解决chrome浏览器自动播放音频和MP3语音打包到线上的实现方法
2020/10/09 Javascript
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
dataframe 按条件替换某一列中的值方法
2019/01/29 Python
Python HTML解析模块HTMLParser用法分析【爬虫工具】
2019/04/05 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
CSS3实现10种Loading效果
2016/07/11 HTML / CSS
美国受欢迎的女性牛仔裤品牌:DL1961
2016/11/12 全球购物
小区文明倡议书
2014/05/16 职场文书
高三物理教学反思
2016/02/20 职场文书
JS数组方法some、every和find的使用详情
2021/10/05 Javascript