为什么 JavaScript 中 (condition == !condition) 成立？
在 JavaScript 中，当我们写 (condition == !condition) 这样的语句时，结果会返回 true。这看起来很奇怪，因为条件和它的否定应该是互斥的。那么，为什么这个表达式会成立呢？让我们一起深入探讨。
类型转换
首先，让我们看一下这个表达式中的运算符。== 是一个相等运算符，它用于比较两个值是否相等。如果两个值不是同一类型，JavaScript 会尝试将它们转换为同一类型，然后再进行比较。
而 ! 是逻辑非运算符，用于将一个值取反。如果操作数是一个布尔值，则将其转换为相反的值。如果操作数不是布尔值，则将其转换为布尔值并取反。
因此，在 (condition == !condition) 中，!condition 将 condition 的布尔值取反。如果 condition 为真，则 !condition 为假；如果 condition 为假，则 !condition 为真。这意味着 (condition == !condition) 实际上是 (condition == true/false) 的缩写形式。
隐式类型转换
当我们使用 == 进行比较时，JavaScript 还会进行一些隐式类型转换。具体来说，JavaScript 会将值转换为相同的类型，然后再进行比较。这种类型转换称为强制类型转换。
在这个表达式中，condition 可能是任何 JavaScript 数据类型之一。但是因为 !condition 将其转换为布尔值，因此必须将 condition 转换为布尔值以进行比较。这种类型转换称为隐式类型转换。
在 JavaScript 中，以下值被视为假（即“假值”）：
false0和-0""（空字符串）nullundefinedNaN
所有其他值都被视为真（即“真值”）。因此，如果 condition 是假值，则 (condition == !condition) 将成立。以下是一些示例代码：
-- -------------------- ---- ------- -- -- ----------------- -- -------- -- ---- ------------- -- ---- -- ---- -------------- -- ----- -- ---- ---------------- -- ------- -- ---- --------------------- -- ------------ -- ---- --------------- -- ------ -- ----- -- -- ---------------- -- ------- -- ----- ------------- -- ---- -- ----- ------------------- -- ---------- -- ----- -------------- -- ----- -- ----- -------------- -- ----- -- -----
推荐做法
虽然 (condition == !condition) 可以正常工作，但它可能会导致代码可读性和维护性问题。因此，建议使用更明确的比较运算符，例如 === 和 !==。这些运算符不会进行类型转换，因此比较更精确，也更易于理解。
以下是一个示例代码：
if (condition === !condition) {
// do something
}总之，在编写 JavaScript 代码时，请注意强制类型转换和隐式类型转换，以避免出现意外的行为。建议始终使用明确的比较运算符，并避免使用不必要的缩写形式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31082