当前位置:首页 > 前端 > JavaScript > 正文内容

JavaScript中undefined与null的区别

放牧的风3年前 (2021-08-19)JavaScript4180

大多数计算机语言,有且仅有一个表示"无"的值,比如,C语言的NULL,Java语言的null,Python语言的None,Ruby语言的nil。

有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null。这是为什么?

一、相似性

在JavaScript中,将一个变量赋值为undefined或null,老实说,几乎没区别。

var a = undefined;
var a = null;

上面代码中,a变量分别被赋值为undefined和null,这两种写法几乎等价。

undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。

if (!undefined) 
   console.log('undefined is false');
// undefined is false

if (!null) 
   console.log('null is false');
// null is false

undefined == null 
// true

上面代码说明,两者的行为是何等相似!

既然undefined和null的含义与用法都差不多,为什么要同时设置两个这样的值,这不是无端增加JavaScript的复杂度,令初学者困扰吗?Google公司开发的JavaScript语言的替代品Dart语言,就明确规定只有null,没有undefined!

二、历史原因

最近,我在读新书《Speaking JavaScript》时,意外发现了这个问题的答案!

原来,这与JavaScript的历史有关。1995年JavaScript诞生时,最初像Java一样,只设置了null作为表示"无"的值。

根据C语言的传统,null被设计成可以自动转为0。

Number(null)
// 0

5 + null
// 5

但是,JavaScript的设计者Brendan Eich,觉得这样做还不够,有两个原因。

首先,null像在Java里一样,被当成一个对象。但是,JavaScript的数据类型分成原始类型(primitive)和合成类型(complex)两大类,Brendan Eich觉得表示"无"的值最好不是对象。

其次,JavaScript的最初版本没有包括错误处理机制,发生数据类型不匹配时,往往是自动转换类型或者默默地失败。Brendan Eich觉得,如果null自动转为0,很不容易发现错误。

因此,Brendan Eich又设计了一个undefined。

三、最初设计

JavaScript的最初版本是这样区分的:null是一个表示"无"的对象,转为数值时为0;undefined是一个表示"无"的原始值,转为数值时为NaN。

Number(undefined)
// NaN

5 + undefined 
// NaN

四、目前的用法

但是,上面这样的区分,在实践中很快就被证明不可行。目前,null和undefined基本是同义的,只有一些细微的差别。

null表示"没有对象",即该处不应该有值。典型用法是:

(1) 作为函数的参数,表示该函数的参数不是对象。

(2) 作为对象原型链的终点。

Object.getPrototypeOf(Object.prototype)
// null

undefined表示"缺少值",就是此处应该有一个值,但是还没有定义。典型用法是:

(1)变量被声明了,但没有赋值时,就等于undefined。

(2) 调用函数时,应该提供的参数没有提供,该参数等于undefined。

(3)对象没有赋值的属性,该属性的值为undefined。

(4)函数没有返回值时,默认返回undefined。

var i;
i // undefined

function f(x){console.log(x)}
f() // undefined

var o = new Object();
o.p // undefined

var x = f();
x // undefined


本文转载自:https://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html

扫描二维码推送至手机访问。

版权声明:本文由放牧的风发布,如需转载请注明出处。

本文链接:https://grazingwind.com/post/74.html

分享给朋友:

相关文章

js中push(),pop(),unshift(),shift()的用法小结

js中push(),pop(),unshift(),shift()的用法小结

1、push()、pop()和unshift()、shift()这两组同为对数组的操作,并且会改变数组的本身的长度及内容。不同的是 push()、pop() 是从数组的尾部进行增减,unshift()、shift() 是从数组的头...

JavaScript专题系列目录

JavaScript专题系列目录

JavaScript专题之跟着underscore学防抖JavaScript专题之跟着underscore学节流JavaScript专题之数组去重JavaScript专题之类型判断(上)JavaScript专题之类型判断(下)JavaScr...

JavaScript ES6 系列目录

JavaScript ES6 系列目录

ES6 系列之 let 和 constES6 系列之模板字符串ES6 系列之箭头函数ES6 系列之模拟实现 Symbol 类型ES6 系列之迭代器与 for ofES6 系列之模拟实现一个 Set 数据结构ES6 系列之 WeakMapES...

JavaScript 中常见设计模式整理

JavaScript 中常见设计模式整理

开发中,我们或多或少地接触了设计模式,但是很多时候不知道自己使用了哪种设计模式或者说该使用何种设计模式。本文意在梳理常见设计模式的特点,从而对它们有比较清晰的认知。JavaScript 中常见设计模式单例模式策略模式代理模式迭代器模式发布-...

二叉树及其遍历方法:JavaScript实践

二叉树及其遍历方法:JavaScript实践

二叉树常见的数组,栈,列表都是线性结构常见的树型结构有:文件夹目录,dom结构,路由的配置...二叉树二叉树是每个结点最多有两个子树的树形结构,每个结点的度最多是2。左边的称为 左子树 , 右边的称为 右子树 , 左子树 , 右子树 是有顺...

这些原生DOM操作你还记住多少😨

这些原生DOM操作你还记住多少😨

前言 最近在二次封装一个公司内部的UI组件库,其中一个模块就是给 element-plus 的 message 进行扩展,大量运用到了原生DOM操作,操作DOM最方便...

评论列表

游客
4分钟前

楼主是男的还是女的?http://kdhlpt.com/article/3598019.html

游客
5分钟前

文章写太挺好了,真的值得推荐http://kdhlpt.com/article/3598019.html

游客
7分钟前

支持一下!http://jwat.zgmaiwei.net/test/263624153.html

游客
9分钟前

看帖不回帖的人就是耍流氓,我回复了!http://bbs.kdhlpt.com/article/4149930.html

游客
9分钟前

不错哦,楼主这是要火的节奏啊!http://bbs.kdhlpt.com/article/4149930.html

游客
10分钟前

楼主是男的还是女的?http://bbs.kdhlpt.com/article/4149930.html

游客
14分钟前

文章写太挺好了,真的值得推荐http://3gsfy.sdjkcy1319.com/20240715/3.html

游客
15分钟前

感谢楼主的推荐!http://zwvt.xiehailong.net/test/202925556.html

游客
16分钟前

楼主是好人!http://wjx9y.chenxingruyu.com/2/3.html

游客
16分钟前

我只是来赚积分的!http://baxi.xiehailong.net/test/260906801.html

游客
18分钟前

青春不在了,青春痘还在!http://oiav.zhyxfs.net/test/723030182.html

游客
19分钟前

支持一下!https://sdceda.com/seo/573271634/

游客
21分钟前

今天怎么了,什么人都出来了!http://kdhlpt.com/article/5379653.html

游客
23分钟前

青春不在了,青春痘还在!https://sdceda.com/laoliu/630255/

游客
26分钟前

不错哦,楼主这是要火的节奏啊!https://sdceda.com/shi/002314301/

游客
27分钟前

楼主发几张靓照啊!http://rzif.zhujiajia.net/test/055681971.html

访客
27分钟前

安福电商城官网 https://www.anfu0594.com

游客
34分钟前

感觉不错!http://bbs.kdhlpt.com/article/8853662.html

游客
34分钟前

楼主今年多大了?https://sdceda.com/seo/633916049/

游客
34分钟前

写的太好啦,评论一个http://pigu.cableshow.net/test/479429218.html

游客
34分钟前

祖国尚未统一,我却天天灌水,好内疚!http://jwgo.xiehailong.net/test/699061782.html

游客
37分钟前

每次看到楼主的帖子都有惊吓!http://li2.datongkeyun.com

访客
39分钟前

相册app排行榜前十名 安福家园 https://059401.com

访客
43分钟前

安福相册导航 https://7ox.cn

游客
43分钟前

楼主人气很旺!http://picq.ibibei.net/test/530892631.html

游客
44分钟前

写得实在太好了,我唯一能做的就是默默顶贴!https://sdceda.com/seo/452782864/

游客
45分钟前

楼主英明!http://grws.hangboss.net/test/236160640.html

游客
46分钟前

看了这么多帖子,第一次看到这么有深度了!https://sdceda.com/seo/959122751/

游客
50分钟前

很经典,收藏了!http://www.yiwu-company.com/bx/info_29864.html

游客
51分钟前

看帖回帖一条路!http://tby0q.tongrentang8.com/01/3.html

游客
53分钟前

楼主今年多大了?http://1nd4p.yzwang313.com

游客
53分钟前

楼主英明!http://hzfn.gayen.net/test/954555792.html

访客
53分钟前

莆田安福518是干嘛的 https://www.7ox.cn

游客
53分钟前

写得实在太好了,我唯一能做的就是默默顶贴!http://msvd.cableshow.net/test/188012328.html

游客
59分钟前

突然觉得楼主说的很有道理,赞一个!http://ucek.zhujiajia.net/test/010625332.html

游客
59分钟前

楼主很有经验啊!https://www.youxixiong.com/269.html

游客
1小时前

支持一下!https://sdceda.com/fei/465661216/

游客
1小时前

东方不败还是灭绝师太啊?http://mkfc.zzshiyuan.net/test/324208872.html

游客
1小时前

我和我的小伙伴都惊呆了!http://icet.wxsljd.net/test/936473606.html

游客
1小时前

楼主主机很热情啊!http://mpgn.xiehailong.net/test/516416119.html

游客
2小时前

写的太好啦,评论一个https://sdceda.com/shi/820487993/

游客
2小时前

文章论点明确,论据充分,说服力强。http://c6r7p.j6cq.com/20240715/5.html

游客
2小时前

十分赞同楼主!http://depa.zhujiajia.net/test/128926160.html

游客
2小时前

楼上的心情不错啊!http://fhkq.zhujiajia.net/test/645546404.html

游客
2小时前

看在楼主的面子上,认真回帖!https://sdceda.com/shi/323125948/

游客
2小时前

楼主是男的还是女的?https://sdceda.com/lao/963037370/

游客
2小时前

楼主是男的还是女的?http://fgo92.wntqzwfwzx.com

游客
2小时前

今天的心情很不错啊http://32fa.com/Article/2/News_8289.html

游客
2小时前

东方不败外加灭绝师太啊!https://sdceda.com/seo/138945440/

游客
2小时前

收藏了,怕楼主删了!https://sdceda.com/shi/929253867/

游客
2小时前

楼主是一个典型的文艺青年啊!http://zegg.xiehailong.net/test/957980074.html

游客
2小时前

关注一下!https://sdceda.com/seo/965053873/

游客
2小时前

楼主很有艺术范!http://otvs.xiehailong.net/test/118887659.html

游客
2小时前

这么好的帖子,应该加精华!https://sdceda.com/shi/250768023/

游客
2小时前

楼主是我最崇拜的人!http://wred.yckdrj.net/test/036870683.html

游客
2小时前

顶一个!https://sdceda.com/lao/957980895/

游客
2小时前

鉴定完毕!https://sdceda.com/lao/381559600/

游客
2小时前

看在楼主的面子上,认真回帖!http://kgtx.zhujiajia.net/test/217358282.html

游客
2小时前

楼主的头像能辟邪啊!http://avfj.zhujiajia.net/test/953136025.html

游客
2小时前

每天顶顶贴,一身轻松啊!http://wizs.bbg518.com

游客
3小时前

顶!顶!顶!http://djvm.cableshow.net/test/850943539.html

游客
3小时前

楼主发几张靓照啊!https://sdceda.com/fei/265650779/

游客
3小时前

楼上的这是啥态度呢?http://ztqx.xiehailong.net/test/293690806.html

游客
3小时前

林子大了,什么鸟都有了啊!https://sdceda.com/shi/660529576/

游客
3小时前

感谢楼主的推荐!http://aaio.xiehailong.net/test/185751446.html

游客
3小时前

我裤子脱了,纸都准备好了,你就给我看这个?http://u1xll.dznww9067.com/34/4.html

游客
3小时前

好东西,赞一个!http://pb6kp.sh-jinsl.com/v/3.html

游客
3小时前

赞一个!http://94yo1.58chifeng.com/k/3.html

游客
3小时前

楼主是一个神奇的青年!http://evld.cableshow.net/test/699005717.html

游客
3小时前

很有看点!http://rxct.foxcup.net/test/357594684.html

游客
3小时前

写的太好啦,评论一个https://sdceda.com/shi/173663366/

游客
3小时前

我裤子脱了,纸都准备好了,你就给我看这个?https://sdceda.com/shi/648777248/

游客
3小时前

论坛的帖子越来越有深度了!http://tqen.aajjyu.net/test/556289616.html

游客
3小时前

收藏了,很不错的内容!http://ibjj.cableshow.net/test/256325166.html

游客
3小时前

楼主是在找骂么?https://sdceda.com/laoliu/630151/

游客
3小时前

我回帖楼主给加积分吗?http://znfl.hangboss.net/test/821445093.html

游客
3小时前

信楼主,考试不挂科!http://vrdh.zhiwuzubai.net/test/361500398.html

游客
3小时前

论坛的人气越来越旺了!http://gdzq.xinroo.net/test/266239354.html

游客
3小时前

看帖、回帖、拿分、走人http://tfgj.cableshow.net/test/782920763.html

游客
3小时前

我回帖楼主给加积分吗?http://zudk.2008173.net/test/843515483.html

游客
3小时前

一口气看完了,我要下去回味回味了!https://www.fsgnet.com

游客
3小时前

灌水不是我的目的!https://sdceda.com/shi/436472406/

游客
3小时前

这位作者的文笔极其出色,用词精准、贴切,能够形象地传达出他的思想和情感。http://gavs.cableshow.net/test/994246496.html

游客
3小时前

好无聊啊!http://uamm.cableshow.net/test/078650343.html

游客
3小时前

楼上的说的很多!http://uidp.cableshow.net/test/485789762.html

游客
3小时前

以后就跟楼主混了!http://afjl.wxpwlw.net/test/433933238.html

游客
3小时前

楼主很有经验啊!https://sdceda.com/shi/814853258/

游客
3小时前

态度决定一切,不错!https://sdceda.com/fei/677195869/

游客
3小时前

这么好的帖子,应该加精华!http://gwiv.cableshow.net/test/764130347.html

游客
3小时前

投楼主一票,不用谢哦!http://pwtm.youdodo.net/test/786487384.html

游客
3小时前

赞一个!https://sdceda.com/fei/497241410/

游客
3小时前

很有看点!http://ziuz.huilingtong.net/test/614529857.html

游客
3小时前

楼主很有艺术范!http://vlao.wxsljd.net/test/714944751.html

游客
3小时前

楼上的这是啥态度呢?http://palu.ezytkt.net/test/162269827.html

游客
3小时前

楼主英明!https://sdceda.com/shi/160238034/

游客
3小时前

这篇文章真是让人受益匪浅!http://3q3a.j6cq.com

游客
3小时前

帖子好乱!http://kycr.zfgbw.net/test/200127794.html

游客
3小时前

有机会找楼主好好聊聊!https://sdceda.com/lao/077599046/

游客
3小时前

顶顶更健康!http://mlpp.xiehailong.net/test/471626168.html

游客
4小时前

宇宙第一贴诞生了!http://www.yuhua77.com

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。