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

JavaScript中undefined与null的区别

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

大多数计算机语言,有且仅有一个表示"无"的值,比如,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

分享给朋友:

相关文章

JavaScript深入系列目录

JavaScript深入系列目录

JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之执行上下文栈JavaScript深入之变量对象JavaScript深入之作用域链JavaScript深入之从ECMAScrip...

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实践

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

babel、vue编译,Prettier原理等离不开的AST技术

babel、vue编译,Prettier原理等离不开的AST技术

概要本文将通过以下几个方面对AST进行学习为什么要了解AST,简要说明AST在开发中的重要性什么是AST,对AST有一个直观的认识AST是如何生成的,分析将代码解析成AST的原理AST的具体应用,通过解读babel原理、vue模板编译过程,...

评论列表

游客
14分钟前

楼主是男的还是女的?http://c4ki9.eagleai.net

游客
16分钟前

听楼主一席话,省我十本书!http://m8z75.iekpay.com

游客
35分钟前

楼上的这是啥态度呢?http://w7wf7y.foodcube.net

游客
55分钟前

楼上的真不讲道理!http://xrlt5m.qubaa.net

游客
57分钟前

读了楼主的帖子,顿时马桶就通了。。。http://ocmjs.qubaa.net

游客
59分钟前

经典,收藏了!http://www.a5km.com/yxgl/jdqs/28971.html

游客
1小时前

谢谢楼主的分享!http://8f9w1.ds28vip.com/21/4.html

游客
1小时前

文章论点明确,论据充分,说服力强。http://www.a5km.com/yxgl/dnf/21870.html

游客
1小时前

楼主英明!http://ahii.rshit.cn

游客
1小时前

经典!http://xbt.kipjackson.com

游客
2小时前

赞一个!http://39g.lucerocas.com

游客
2小时前

顶!顶!顶!http://www.a5km.com/yxgl/dnf/26920.html

游客
3小时前

吹牛的人越来越多了!http://www.a5km.com/yxgl/dnf/22583.html

游客
3小时前

回帖也有有水平的!http://www.a5km.com/yxgl/dnf/23195.html

游客
3小时前

小弟默默的路过贵宝地~~~http://d8t0.482596.com

游客
3小时前

顶顶更健康!http://www.indaseg.com/a/a/4823.html

游客
3小时前

你觉得该怎么做呢?http://www.a5km.com/yxgl/jdqs/21893.html

游客
3小时前

楼主很有经验啊!http://www.dnf70.com/1508.html

游客
3小时前

怪事年年有,今年特别多!http://fz9.wefixfon.com

游客
3小时前

视死如归的架势啊!http://mdczmh.wefixfon.com

游客
4小时前

帖子很有深度!http://www.a5km.com/yxgl/jdqs/27332.html

游客
4小时前

顶一下,收藏了!http://www.dnf70.com/1018.html

游客
4小时前

楼主很有激情啊!http://www.dnf70.com/2148.html

游客
4小时前

我和我的小伙伴都惊呆了!http://www.a5km.com/yxgl/dnf/24821.html

游客
4小时前

不灌水就活不下去了啊!http://www.a5km.com/yxgl/dnf/22056.html

游客
5小时前

我裤子脱了,纸都准备好了,你就给我看这个?http://www.a5km.com/yxgl/jdqs/27953.html

游客
5小时前

管它三七二十一!http://www.indaseg.com/a/a/579.html

游客
5小时前

好无聊啊!http://www.a5km.com/yxgl/dnf/22341.html

游客
5小时前

鸟大了,什么林子都敢进啊!http://www.a5km.com/wzjc/jdqskm/25861.html

游客
5小时前

楼上的能详细介绍一下么?http://bm9867.7100200.com

游客
5小时前

青春不在了,青春痘还在!http://www.a5km.com/yxgl/dnf/24265.html

游客
6小时前

看帖、回帖、拿分、走人https://www.sjzsaisi.com/

游客
6小时前

不是惊喜,是惊吓!http://jqr.lszlszwdgg.com

游客
6小时前

经典!http://www.indaseg.com/a/a/3598.html

游客
6小时前

楼主的文笔不错!http://www.a5km.com/yxgl/jdqs/27371.html

游客
6小时前

楼上的别说的那么悲观好吧!http://02mjt8.lucerocas.com

游客
6小时前

大神好强大!http://www.a5km.com/yxgl/24950.html

游客
6小时前

楼主说的我也略懂!http://hp0bk.larrykillipmusic.com

游客
6小时前

东方不败外加灭绝师太啊!https://www.lianyungangjltrans.com/post/315.html

游客
7小时前

听楼主一席话,省我十本书!http://www.a5km.com/yxgl/dnf/24679.html

游客
7小时前

楼主的头像能辟邪啊!http://pgef.901908.com

游客
8小时前

顶!顶!顶!http://www.a5km.com/wzjc/dnfkm/26060.html

游客
8小时前

谢谢楼主的分享!http://www.a5km.com/yxgl/dnf/24796.html

游客
8小时前

论坛人气好旺!http://www.dnf70.com/1504.html

游客
8小时前

楼上的说的很多!http://www.a5km.com/yxgl/dnf/24693.html

游客
8小时前

楼主很有经验啊!http://q9lg2.skrynska.com/3/4.html

游客
8小时前

楼主是一个典型的文艺青年啊!http://www.a5km.com/yxgl/jdqs/27418.html

游客
8小时前

读了楼主的帖子,顿时马桶就通了。。。http://www.a5km.com/yxgl/jdqs/27953.html

游客
8小时前

经典,收藏了!http://sm6.wwires.com

游客
8小时前

楼上的很有激情啊!http://www.dnf70.com/2793.html

游客
8小时前

楼主练了葵花宝典吧?http://www.dnf70.com/2282.html

游客
8小时前

论坛的人气不行了!http://www.gzysm.com

游客
8小时前

楼主是好人!http://jza0k.hzj91.com/m/3.html

游客
8小时前

楼主说的我也略懂!http://t1g.trascomp.com

游客
9小时前

楼主是好人!http://www.a5km.com/yxgl/dnf/21870.html

游客
9小时前

大神好强大!https://www.uuu9923.cn/1932.html

游客
9小时前

楼主今年多大了?http://j65naf.salasal.com

游客
9小时前

内容很有深度!http://sisuetc.com.cn/news/78e099228.html

游客
9小时前

楼主是我最崇拜的人!http://www.dnf70.com/202.html

游客
9小时前

看帖、回帖、拿分、走人http://www.a5km.com/yxgl/jdqs/27692.html

游客
9小时前

雷锋做好事不留名,都写在帖子里!http://www.dnf70.com/2310.html

游客
9小时前

楼主好聪明啊!http://www.a5km.com/yxgl/dnf/25701.html

游客
9小时前

网页的加载速度非常快,不会影响用户体验。http://www.dnf70.com/848.html

游客
9小时前

写得实在太好了,我唯一能做的就是默默顶贴!http://v45t5.chancel.net

游客
10小时前

楼上的心情不错啊!http://59cwh9.quietgen.com

游客
10小时前

楼主是在找骂么?http://www.a5km.com/wzjc/jdqskm/25937.html

游客
10小时前

楼主该去看心理医生了!http://www.a5km.com/yxgl/jdqs/28166.html

游客
10小时前

楼主英明!http://www.ydaofqp.cn

游客
10小时前

很多天不上线,一上线就看到这么给力的帖子!http://www.dnf70.com/1571.html

游客
11小时前

大神好强大!http://www.a5km.com/wzjc/dnfkm/26161.html

游客
11小时前

不灌水就活不下去了啊!http://www.sun1037.com

游客
11小时前

我只是来赚积分的!http://www.indaseg.com/a/a/2184.html

游客
11小时前

很经典,收藏了!http://www.a5km.com/yxgl/dnf/24061.html

游客
11小时前

很有品味!http://www.a5km.com/yxgl/dnf/25651.html

游客
12小时前

太邪乎了吧?http://www.a5km.com/yxgl/dnf/26846.html

游客
12小时前

我默默的回帖,从不声张!http://zn7f.luckyvalizas.com

游客
12小时前

很有看点!http://t6ubuq.menel.net

游客
12小时前

楼主是一个典型的文艺青年啊!https://www.sjzsaisi.com/post/15002.html

游客
12小时前

缺乏激情了!http://9s4pnp.clwclwc.com

游客
12小时前

东方不败外加灭绝师太啊!http://8jo5es.ds000308.com

游客
12小时前

无图无真相!http://k5y2o.pj27777.net

游客
12小时前

信楼主,考试不挂科!http://www.indaseg.com/a/a/1640.html

游客
12小时前

网页的加载速度非常快,不会影响用户体验。http://l1x.toroferrer.com

游客
12小时前

林子大了,什么鸟都有了啊!http://www.dnf70.com/1387.html

游客
13小时前

楼主的等级很高啊!http://www.ckvak.com

游客
13小时前

今天上网不回帖,回帖就回精华帖!http://ey1as.film-tv.net

游客
13小时前

收藏了,怕楼主删了!http://www.a5km.com/yxgl/jdqs/27906.html

游客
13小时前

很有品味!http://www.a5km.com/yxgl/dnf/26846.html

游客
13小时前

视死如归的架势啊!http://www.a5km.com/yxgl/dnf/26783.html

游客
13小时前

祖国尚未统一,我却天天灌水,好内疚!http://www.a5km.com/yxgl/jdqs/28087.html

游客
13小时前

没人理我,好伤心啊!http://www.dnf70.com/1281.html

游客
14小时前

坚持回帖!http://wsn.risema.net

游客
14小时前

楼主的头像是本人吗?http://q41ez9.foodcube.net

游客
14小时前

我只看看不说话。。。http://www.dnf70.com/2523.html

游客
14小时前

楼主的文笔不错!http://www.a5km.com/yxgl/jdqs/28292.html

游客
14小时前

不错的帖子,值得收藏!http://egl.quietgen.com

游客
14小时前

收藏了,以后可能会用到!http://www.dnf70.com/1387.html

游客
14小时前

经典!http://www.a5km.com/yxgl/jdqs/29039.html

游客
14小时前

对牛弹琴的人越来越多了!http://2qjrp.6dmu.com/k/3.html

游客
16小时前

终于看完了,很不错!http://www.a5km.com/yxgl/jdqs/28488.html

发表评论

访客

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