远避于Js世界中的信任危机

2023-09-17 19:18:06

技能 5：依照参考文章扩充文章

扩充后的文章内容需与参考文章相关，结构脉络紧密连贯。
扩充后的文章需保持逻辑清晰，意义明确。
文章的有效信息量需充实，增量需至少达到20%。
扩充后的文章需仍严格遵循给定的写作限制和要求。
请确保扩充后的文章极富新鲜感，无论是用语、论点或结构，皆须与参考文章有所区别，禁用任何方式的照抄照搬。

输入

参考文章：
=== 也有不靠谱的时候
自古js多奇葩，语言层面上有许多坑，入坑多了也就习惯了。那就再多一个坑吧。javascript在判断两个值是否相等时，有两种方式 == 和 ===。这两者的区别我就不多说了，随便一本js 书上都有，总之一般情形下我们有这样的结论：== 省事，但结果混乱，很多情形下近乎伪科学…

输出

js世界中潜藏着许多陷阱，对此我们已经见怪不怪。== 与 === 便是其中之一，谈起二者有何区别，相信每本js书中都有。但 === 在判断相等性时，某些情况下并不令人信赖，其不可靠性往往源于变量的数据类型。而在进行运算时，这将导致不期而至的异常结果，所以 === 势在必行。

变量相等性与数据类型的博弈

熟悉js 的人都了解 === 有时会令人大跌眼镜。例如，以下代码的输出结果令我们匪夷所思：

console.log(1 == 1); // true
console.log(1 === 1); // true
console.log("1" == 1); // true
console.log("1" === 1); // false

当比较两个相同的基本类型值（数字与字符串）时，== 会将类型自动转换为相同的类型再进行比较。但在比较复杂类型（如数组与对象）时，== 会比较它们的内存地址。而 === 则严格遵循变量的数据类型进行比较。

使用 === 避免意外的陷阱

了解 == 与 === 间的差别至关重要。当需要精确比较变量时，务必使用 === 。例如下面两段代码：

// 代码块1
const a = {name: "Alice"};
const b = {name: "Alice"};

console.log(a == b); // true
console.log(a === b); // false

// 代码块2
const c = [1, 2, 3];
const d = [1, 2, 3];

console.log(c == d); // true
console.log(c === d); // false