揭秘x !== x 为 true的 JavaScript 魔力

前言

面试官们经常喜欢用一些看起来简单却充满迷惑性的问题来考验面试者对编程语言的理解。例如，“x !== x 可以为 true 吗？”乍一看，这似乎是一个愚蠢的问题，但它却涉及到 JavaScript 中严格相等和松散相等之间的微妙差异。

本文将深入探讨 JavaScript 中的相等比较运算符，解释为什么 x !== x 有时会返回 true，并提供一些避免此类怪异行为的技巧。

JavaScript 中的相等比较运算符

在 JavaScript 中，有两种相等比较运算符：

• 严格相等运算符 (===)
• 松散相等运算符 (==)

严格相等运算符检查两个操作数是否具有相同的值和类型。松散相等运算符也会检查两个操作数是否具有相同的值，但它会在执行比较之前尝试将它们转换为相同的数据类型。

严格相等与松散相等

以下是一些示例，说明了严格相等和松散相等的差异：

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

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

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

console.log(null === undefined); // false
console.log(null == undefined); // true

如您所见，严格相等运算符只会返回 true，如果两个操作数具有相同的值和类型。另一方面，松散相等运算符在执行比较之前会尝试将操作数转换为相同的数据类型。这意味着松散相等运算符可能会返回 true，即使两个操作数具有不同的类型。

为什么 x !== x 有时会返回 true

现在，我们已经了解了严格相等和松散相等的差异，让我们来看看为什么 x !== x 有时会返回 true。

如果 x 是一个 NaN（Not a Number）值，那么 x !== x 将返回 true。这是因为 NaN 是一个特殊的值，它不等于任何其他值，包括自身。

如何避免 x !== x 为 true 的情况

为了避免 x !== x 为 true 的情况，您可以始终使用严格相等运算符 (===) 来比较两个值。严格相等运算符不会尝试转换操作数的数据类型，因此它将始终返回正确的结果。

您也可以使用 isNaN() 函数来检查一个值是否为 NaN。如果一个值是 NaN，您可以使用 typeof 操作符来确保它不会与其他值进行比较。

结论

希望通过这篇文章的讲解，您对 JavaScript 中的相等比较运算符有了更深入的理解。现在，您知道 x !== x 有时会返回 true 的原因，并且您知道如何避免这种怪异的行为。