news 2026/4/28 6:47:59

JavaScript 中 ==、===、Object.is 以及 null、undefined、undeclared 的区别

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 中 ==、===、Object.is 以及 null、undefined、undeclared 的区别

文章目录

  • 1.在JavaScript 当中,`==` 和 `===` 与Object.is()的区别
    • 1.1 ==松散比较(loose equality)
    • 1.2 严格比较(strict equality)
    • 1.3 Object.is同值比较(same-value equality)
  • 2.JavaScript null、undefined 与undeclared 的区别?
    • 2.1 undefined 与null 的区别 ?
    • 2.2 undefined 与undeclared 的区别 ?

1.在JavaScript 当中,=====与Object.is()的区别

在JavaScript 当中有许多可以比较相等与否的方法。其中最常见的三个分别是**===(严格比较)==(松散比较),以及Object.is(同值比较)**。

1.1 ==松散比较(loose equality)

==在比较两个值之前,会先强制转换数据类型,变成两者可以比较的形式。

如下示例:

console.log(1=="1");// trueconsole.log(0==false);// trueconsole.log(undefined==null);// true

因为会强制转换型别,==会带给开发者一些困扰。因此多数的情况,不建议使用==

1.2 严格比较(strict equality)

===不会强制转换型别与值,所以如果是不同型别,比较两者会回传false。不同值的话一样会回传false,===的 JS 设计初衷是判断数值是否相同。

不过有两个情况例外:

  • 当我们比较+0-0时,严格比较会回传true
  • 以及比较NaNNaN会是false。而这两个状况则是同值比较Object.is派上用场的时候。
+0===-0;// trueNaN===NaN;// false

1.3 Object.is同值比较(same-value equality)

同值比较顾名思义是在比较两个值是不是相等。虽然它是Object 开头,但比较的可以是任意的两个值。例如:

console.log(Object.is(1,1));// trueconsole.log(Object.is(1,"1"));// false

上面提到的两种在===时遇到的问题,可以透过Object.is有效分辨

console.log(Object.is(+0,-0));// falseconsole.log(Object.is(NaN,NaN));// true

=== +0 和-0 是 true,是因为比较的是值,就是 0 这个值,而不关心他的方向,Object.is 关心了他了方向,因为方向是不同的,所以 object.is 是false。

===中的两个NaN 的比较,NaN 是一种失败状态,Not a Number,但是失败的原因是可能是不同的,所以= ==中是 false。但是在 object.is语义中,规定了所有的 NaN 都表示一种值状态,所以是 true。

不过如果要有效分辨NaN,在JavaScript 有一个方法叫isNaN是可以使用的。假如对于Object.is感到陌生,可以选择用Number.isNaN

2.JavaScript null、undefined 与undeclared 的区别?

2.1 undefined 与null 的区别 ?

undefined表示还未定义值,所以当一个变数被宣告但还未被赋予任何值之前,这个变数就会是undefined,可以理解为「尚未」。

null代表的是一个变数的空值,可以理解为「没有」

undefinednull在JavaScript 中,都是属于原始数据类型(primitive data types) 之一,也就像任何其他数据类型(data types),例如:stringnumber一样,可以被赋予在变数上。两者在使用上,两者会有不同的意义。

举例来说,当前端要向后端索取数据时,因为需要等待数据回传,所以某个变数一开始可能是undefined,当数据回来时,就会变成该数据类型。以下面的例子来说,我们有个变量users,定义它的类型为

UserDTO[]|undefined

而不是

UserDTO[]|null

正是因为在拿到资料前,users是「尚未」。

type UserDTO={id:string,firstName:string,lastName:string,profilePicture:string|null,};constusers:UserDTO[]|undefined=awaitfetchUsers();

反之亦然,上面的例子中,当拿到了users,有些使用者没有照片,因为是「没有」,所以profilePicture的类型是

profilePicture:string|null;

而不是

profilePicture:string|undefined;

2.2 undefined 与undeclared 的区别 ?

undefined:已经声明了,但还没值

undeclared:压根没声明过,JS 根本不知道它是谁

leta;console.log(a);// undefinedtypeofa;// "undefined" 合法,不报错
console.log(b);ReferenceError:b is not defined//undeclared 是一种代码错误状态
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/20 17:48:23

海外代理怎么选?海外代理的实用选型建议

在跨境数据采集、国际接口测试等任务中,海外代理选型的准确性决定项目的成功率与成本投入。不同地区的IP网络性能差异显著,若不加以对比评估,极容易选错节点、踩入“低可用、高延迟”的坑。本文将手把手教你制作一张实用的“地区 网络时延 …

作者头像 李华
网站建设 2026/4/18 12:01:48

基于Python的纪念币预约自动化工具完全指南

基于Python的纪念币预约自动化工具完全指南 【免费下载链接】auto_commemorative_coin_booking 项目地址: https://gitcode.com/gh_mirrors/au/auto_commemorative_coin_booking 还在为每次纪念币预约时手速不够快而错失良机吗?这款基于Python的纪念币预约自…

作者头像 李华
网站建设 2026/4/24 21:34:27

亲测好用8个一键生成论文工具,研究生轻松搞定论文写作!

亲测好用8个一键生成论文工具,研究生轻松搞定论文写作! AI 工具如何让论文写作不再“难” 在研究生阶段,论文写作是一项不可避免的任务,而随着 AIGC 技术的普及,越来越多的学生开始借助 AI 工具来提升效率。这些工具不…

作者头像 李华
网站建设 2026/4/23 14:41:08

Gerber文件查看器终极指南:从新手到专家的完整路径

Gerber文件查看器终极指南:从新手到专家的完整路径 【免费下载链接】gerbv Maintained fork of gerbv, carrying mostly bugfixes 项目地址: https://gitcode.com/gh_mirrors/ge/gerbv 在电子设计自动化流程中,Gerber文件是连接设计概念与物理制造…

作者头像 李华