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

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

    其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean值本身就是truefalse这两种情况外,其它数据类型的"空值"主要是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"给弄得迷糊了好一阵子

posted on 2005-03-04 00:20 birdshome 阅读(33373) 评论(18) 编辑 收藏

评论

#1楼[楼主]  回复 引用 查看   

关于null和undefined逻辑判断相等以及false和它们存在区别的一个曾经出错的示例
2005-03-04 00:17 | birdshome      

#2楼  回复 引用   

你测试一下。
在script标签里面声明language时候附带上版本,从1.3以后未定义值都是null,之前的未定义值都是undefined,不同的版本结果不同,最新的都归为null啦。呵呵。
2005-03-04 14:41 | 浪淘沙

#3楼[楼主]  回复 引用 查看   

你用的什么browser呀?我的IE6 sp1
<script language="javascript1.3">
var a;
alert(a);
</script>
还是显示"undefined"的说。
2005-03-04 14:53 | birdshome      

#4楼  回复 引用 查看   

是undefined,firefox也是!
2005-03-18 20:37 | Boler      

#5楼  回复 引用   

55555
2005-07-03 17:41 | 左右[未注册用户]

#6楼  回复 引用   

博客 中有强人
2006-07-03 03:03 | wdl[未注册用户]

#7楼  回复 引用   

只能说不知道哪个脑袋被打过的,想出来那么多乱七八糟的东西.
2006-11-12 17:10 | 宪哥[未注册用户]

#8楼  回复 引用   

漏了 NaN,
NaN都可以轉為 false。
2006-12-27 20:58 | LungZeno[未注册用户]

#9楼  回复 引用 查看   

所以,所有的这种类型也可以通过!取反为true,见如下:
var t1; // undefined
var t2=null; // null
var t3="";
var t4=0;
var t5=false;
alert(!t1);
alert(!t2);
alert(!t3);
alert(!t4);
alert(!t5);
alert(!t6); // 'undefined'

这样我们就不用管它是否是什么样的数据了,正好体现了JavaScript中数据非强类型的好处,也就善用了Javascript灵活的特点。
2007-07-28 14:42 | Truly      

#10楼  回复 引用   

http://www.cnblogs.com/birdshome/category/18746.html
2007-12-22 19:11 | ccvt[未注册用户]

#11楼  回复 引用   

不是吧 有些事情不是这样的 所谓的BOLU是一点点稀烂
2007-12-26 21:38 | 你的海洋[未注册用户]

#12楼  回复 引用   

想要肉鸡
2007-12-29 20:43 | 庄广智[未注册用户]

#13楼  回复 引用   

那我还 能说什么/?

2008-01-03 03:05 | 唐亚洲[未注册用户]

#14楼  回复 引用   

帮我搞个软件怎么样
2008-01-04 20:50 | 徐飞[未注册用户]

#15楼  回复 引用   

我很高兴能和你们聊天
2008-02-15 01:39 | guohong [未注册用户]

#16楼  回复 引用 查看   

来学习
2008-10-20 22:51 | cloudgamer      

#17楼  回复 引用 查看   

有时间就来看看
2008-11-07 23:09 | taylorsf咸鱼      

#18楼  回复 引用 查看   

很好 感谢分享 正在学习js~
2009-06-30 11:22 | 曹赛楠      

导航

公告

  原创技术文章和心得,转载必须注明来源"博客园"!
  贴子以"现状"提供,且没有任何担保,同时也没有授予任何权利。
昵称:birdshome
园龄:7年10个月
荣誉:推荐博客
粉丝:73
关注:3

搜索

 

常用链接

我的标签

随笔分类(337)

文章分类(147)

相册

Ex-Colleagues

常用链接

兄弟情深

积分与排名

  • 积分 - 3145044
  • 排名 - 6

最新评论

阅读排行榜

推荐排行榜