== 运算符，你真的了解它吗？手把手教你写出一个 == 运算符

2023-05-15 21:10:55

== 运算符：揭开比较的神秘面纱

嘿，各位程序员，你们是否曾被 == 运算符搞得头晕脑胀？别担心，在这篇详尽指南中，我将带你深入剖析 == 运算符，让你彻底掌握它的底层原理，成为编码高手！

ECMAScript 的明文规定

让我们从 ECMAScript 语言说明书开始，它将 == 运算符定义为：

== 运算符用于比较两个值是否相等。

简明扼要，但不够深入。让我们深入了解其内部机制。

== 运算符的比较流程

== 运算符的比较过程如下：

类型检查： 首先，它会检查两个值是否具有相同的数据类型。
直接比较： 如果类型相同，它会直接比较这两个值。
隐式类型转换： 如果类型不同，它会先将其中一个值转换为另一个值的数据类型，再进行比较。

隐式类型转换：数据类型的融合

在 == 运算符的比较过程中，可能会发生隐式类型转换，即在不显式强制转换的情况下将一个值转换为另一个类型。以下是一些常见的转换场景：

数字与字符串：数字会转换为字符串。
布尔值与数字：布尔值会转换为数字。
布尔值与字符串：布尔值会转换为字符串。

== 运算符的递归调用：对象的深度比较

当比较对象时，== 运算符会采用递归调用。它首先检查对象的引用是否相等。如果不相等，它会继续比较对象的每个属性，直到找到差异或遍历完所有属性。

手写 == 运算符：从零开始

理论掌握后，让我们动手实践。这里有一个手写的 == 运算符函数：

function equals(a, b) {
  // 类型检查
  if (typeof a === typeof b) {
    // 直接比较
    return a === b;
  } else {
    // 隐式类型转换
    if (typeof a === "number" && typeof b === "string") {
      a = a.toString();
    } else if (typeof a === "string" && typeof b === "number") {
      b = b.toString();
    } else if (typeof a === "boolean" && typeof b === "number") {
      a = a ? 1 : 0;
    } else if (typeof a === "number" && typeof b === "boolean") {
      b = b ? 1 : 0;
    } else if (typeof a === "boolean" && typeof b === "string") {
      a = a ? "true" : "false";
    } else if (typeof a === "string" && typeof b === "boolean") {
      b = b ? "true" : "false";
    }
    // 比较
    return a === b;
  }
}

现在，你可以自信地使用这个函数，就像使用原生 == 运算符一样！

常见的疑惑：直击要点

为了进一步巩固你的理解，这里有五个常见问题解答：

为什么 0 == "0" 为 true？
- 隐式类型转换将数字 0 转换为字符串 "0"，使它们相等。
为什么 [] == ![] 为 true？
- 空数组被隐式转换为布尔值 false，而 ! 运算符取反，将 false 转换为 true。
为什么 null == undefined 为 true？
- ECMAScript 中的特殊情况：null 和 undefined 虽然不相等，但使用 == 时会返回 true。
为什么 NaN != NaN？
- NaN（非数字）的唯一特性是不等于自身。
== 和 === 有什么区别？
- === 是严格相等运算符，要求值和类型都相等，而 == 允许隐式类型转换。