当前位置：首页 > 科技 > 软件

JS 中 == 不检查类型？不，你错了！

来源：责编：时间：2024-04-12 17:30:06 87观看

导读Hello，大家好，我是 Sunday。我们知道在 JS 中有两种判断相等的方式，即：== 和 ===。并且很多同学会认为“==”运算符（通常称为“松散相等”或简称“相等”）是不精准的。“==”不关心数据类型，只关心值例如如下代码：1 == '1' //

Hello，大家好，我是 Sunday。

我们知道在 JS 中有两种判断相等的方式，即：== 和 ===。并且很多同学会认为“==”运算符（通常称为“松散相等”或简称“相等”）是不精准的。

“==”不关心数据类型，只关心值

例如如下代码：

1 == '1' // true

而“===”运算符，即“严格相等”，可以有效地验证操作数的值和类型：

1 === '1' // false

但是这种理解真的是完全正确的吗？最近有一个同学在面试的时候被深入问到了这个问题，咱们来看一下：

“==”和“===” 的执行逻辑

先说结论，其实：“==”和“===”这两个运算符都优先考虑数据类型，并在执行各自的算法之前执行类型检查。事实上，即使是“==”运算符在评估值之前也会验证类型。

根据 JavaScript 规范参考 ECMAScript 262 文档，概述了 IsLooselyEqual算法，负责处理“==”操作。这里说明了涉及 14 个步骤的综合过程。值得注意的是，这个过程大量涉及类型检查，如涉及Type(x)的初始步骤所证明的那样，并引入强制作为整个操作的重要方式。

图片

下方描述为翻译后的结果

// 在线地址：https://262.ecma-international.org/14.0/?_gl=1*1ddd25w*_ga*MTAzMTk1MjUwNS4xNzA0MTgwNDk0*_ga_TDCK4DWEPP*MTcwNDE4MDQ5NC4xLjAuMTcwNDE4MDQ5NC4wLjAuMA..&_ga=2.72864531.1838071013.1704180495-1031952505.1704180494#sec-islooselyequal7.2.14 松散相等 ( x, y )抽象操作 IsLooselyEqual 接受参数 x（ECMAScript 语言值）和 y（ECMAScript 语言值），并返回包含布尔值的正常完成或抛出完成。 它提供 == 运算符的语义。 调用时它执行以下步骤：1. 如果 Type(x) 是 Type(y)，则A。 A。 返回 IsStrictlyEqual(x, y)。2. 如果 x 为 null 并且 y 未定义，则返回 true。3. 如果 x 未定义且 y 为 null，则返回 true。4. 注意：此步骤已在 B.3.6.2 节中替换。5. 如果 x 是数字且 y 是字符串，则返回！ IsLooselyEqual(x, !ToNumber(y))。6. 如果 x 是字符串且 y 是数字，则返回！ IsLooselyEqual(!ToNumber(x), y)。7. 如果 x 是 BigInt 并且 y 是 String，则A。 令 n 为 StringToBigInt(y)。b. 如果 n 未定义，则返回 false。C。 返回 ！ IsLooselyEqual(x, n)。8. 如果 x 是 String 并且 y 是 BigInt，则返回！ IsLooselyEqual(y, x)。9. 如果 x 是布尔值，则返回！ IsLooselyEqual(!ToNumber(x), y)。10. 如果 y 是布尔值，则返回！ IsLooselyEqual(x, !ToNumber(y))。11. 如果 x 是字符串、数字、BigInt 或符号并且 y 是对象，则返回！ IsLooselyEqual(x, ? ToPrimitive(y))。12. 如果 x 是对象并且 y 是字符串、数字、BigInt 或符号，则返回！ IsLooselyEqual(? ToPrimitive(x), y)。13. 如果 x 是 BigInt 并且 y 是 Number，或者如果 x 是 Number 并且 y 是 BigInt，则A。 A。 如果 x 不是有限的或 y 不是有限的，则返回 false。b. b. 如果 ℝ(x) = ℝ(y)，则返回 true； 否则返回 false。14. 返回 false。

强制转换涉及将一种类型的值转换为另一种类型，可以通过有意操作显式转换，也可以通过 JavaScript 机制隐式转换，无需任何用户干预。

另外一个有趣的方法，当两种类型匹配时，将使用 IsStrictlyEqual 算法（步骤 1.a），该算法与“===”运算符使用的算法完全相同。

图片

翻译之后为：

// 在线地址：https://262.ecma-international.org/14.0/?_gl=1*1ddd25w*_ga*MTAzMTk1MjUwNS4xNzA0MTgwNDk0*_ga_TDCK4DWEPP*MTcwNDE4MDQ5NC4xLjAuMTcwNDE4MDQ5NC4wLjAuMA..&_ga=2.72864531.1838071013.1704180495-1031952505.1704180494#sec-isstrictlyequal7.2.15 IsStrictlyEqual(x,y)抽象操作 IsStrictlyEqual 接受参数 x（ECMAScript 语言值）和 y（ECMAScript 语言值）并返回布尔值。 它提供 === 运算符的语义。 调用时它执行以下步骤：1. 如果 Type(x) 不是 Type(y)，则返回 false。2. 如果 x 是一个数字，那么A。 返回 Number::equal(x, y)。3. 返回 SameValueNonNumber(x, y)。

让我们深入研究 IsLooselyEqual的第五步（如果 x 是数字且 y 是字符串，则返回！ IsLooselyEqual(x, !ToNumber(y))）：

图片

根据提供的代码片段

1 == "1"  // true // x 是数字 (1) // y 是字符串 ("1")

此处，调用 ToNumber (y)函数时会发生隐式强制转换。此强制过程将值（y，即“1”）从其原始类型（在本例中为String）转换为不同的类型（在本例中为Number）。在比较值之前，此步骤涉及类型检查和强制，将两个值对齐到同一类型（Number），从而实现两个数字之间的直接比较。

1 == "1"  // true //步骤 1。// -> 检查两种类型// -> 两种类型不同// -> 执行 IsLooselyEqual 的后续步骤//步骤 2。   // -> "1 " (String) 将变成 1 (Number) - 强制机制//Step 3.   // -> 将值 1（数字，从左侧）与值 1（数字，在右侧）进行比较

在这种情况下，严格相等运算符将返回 false，如前面提供的内容所示。由于两种类型不同，因此 === 会判定为 false：

1 === "1"  // false //步骤 1.   // -> 检查两种类型// -> 两种类型不同// -> 结束进程，返回 false

总结

两个比较运算符都会检查类型，但松散的相等运算符(==) 需要执行额外的步骤。

它首先检查比较值的类型，如果它们不同，则将它们对齐到相同类型（使用隐式强制），
然后继续进行值比较。使用严格相等运算符(===)时，不涉及该额外步骤。在值不同的情况下，它直接返回 false。

本文链接：http://www.28at.com/showinfo-26-83277-0.htmlJS 中 == 不检查类型？不，你错了！

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。邮件：2376512515@qq.com

上一篇： Python备份数据有哪些库

下一篇：前端神器AbortController：深度解析与实战应用

标签：

热门焦点

一加Ace2 Pro真机揭晓钛空灰配色质感拉满

终于，在经过了几波预热之后，一加Ace2 Pro的外观真机图在网上出现了。还是博主数码闲聊站曝光的，这次的外观设计还是延续了一加11的方案，只是细节上有了调整，例如新加入了钛空灰
对标苹果的灵动岛华为带来实况窗功能

继苹果的灵动岛之后，华为也在今天正式推出了“实况窗”功能。据今天鸿蒙OS 4.0的现场演示显示，华为的实况窗可以更高效的展现出实时通知，比如锁屏上就能看到外卖、打车、银行
小米降噪蓝牙耳机Necklace分享：听一首歌读懂一个故事

在今天下午的小米Civi 2新品发布会上，小米还带来了一款新的降噪蓝牙耳机Necklace，我们也在发布结束的第一时间给大家带来这款耳机的简单分享。现在大家能见到最多的蓝牙耳机
7月安卓手机性能榜：红魔8S Pro再夺榜首

7月份的手机市场风平浪静，除了红魔和努比亚带来了两款搭载骁龙8Gen2领先版处理器的新机之外，别的也想不到有什么新品了，这也正常，通常6月7月都是手机厂商修整的时间，进入8月份之
为什么你不应该使用Div作为可点击元素

按钮是为任何网络应用程序提供交互性的最常见方式。但我们经常倾向于使用其他HTML元素，如 div span 等作为 clickable 元素。但通过这样做，我们错过了许多内置浏览器的功能。
2天涨粉255万，又一赛道在抖音爆火

来源：运营研究社作者 | 张知白编辑 | 杨佩汶设计 | 晏谈梦洁这个暑期，旅游赛道彻底火了：有的「地方」火了——贵州村超旅游收入 1 个月超过 12 亿；有的「博主」火了&m
2纳米决战2025

集微网报道从三强争霸到四雄逐鹿，2nm的厮杀声已然隐约传来。无论是老牌劲旅台积电、三星，还是誓言重回先进制程领先地位的英特尔，甚至初成立不久的新
Counterpoint ：OPPO双旗舰战略全面落地高端产品销量增长22%

2023年6月30日，全球行业分析机构Counterpoint Research发布的《中国智能手机高端市场白皮书》显示，中国智能手机品牌正在寻求高质量发展，中国高端智能
利用职权私自解除被封帐号 Meta开除20多名员工

11月18日消息，据外媒援引知情人士表示，过去一年时间内，Facebook母公司Meta解雇或处罚了20多名员工以及合同工，指控这些人通过内部系统以不当方式重置用户帐号，其