JavaScript 相等传递性很奇怪

Question

我一直在阅读 Douglas Crockford 的 JavaScript：优秀部分，我遇到了这个对我来说没有意义的奇怪例子：

'' == '0'           // false
0 == ''             // true
0 == '0'            // true

false == undefined  // false
false == null       // false
null == undefined   // true

作者还继续提到“永远不要使用 == 和 !=。相反，请始终使用 === 和 !==”。但他并没有解释为什么会出现上述行为？所以我的问题是，为什么上面的结果是这样的？ JavaScript 中不考虑传递性吗？

Answer 1

'' == '0' // false

左侧是一个空字符串，右侧是一个包含一个字符的字符串。它们是错误的，因为它正在两个不同的字符串之间进行比较（感谢 Niall）。

0 == '' // true

因此，为什么这个是 true，因为 0 是 falsy 而空字符串是 falsy。

0 == '0' // true

这个有点棘手。规范规定，如果操作数是字符串和数字，则将字符串强制转换为数字。 '0' 变为 0。感谢smfoote。

false == undefined // false

undefined 值在 JavaScript 中很特殊，不等于除 null 之外的任何值。然而，它是虚假的。

false == null // false

同样，null 很特殊。它仅等于未定义。它也是假的。

null == undefined // true

null 和 undefined 类似，但不一样。 null 表示什么都没有，而undefined 是未设置或不存在的变量的值。他们的价值观被认为是平等的，这是有道理的。

如果你真的很困惑，请检查这个...

'\n\r\t' == 0

仅由空格组成的字符串被视为等于 0。Douglas

Crockford 提出了很多建议，但你不必将它们视为福音。 :)

TJ Crowder 提出了学习ECMAScript 语言规范 了解这些平等测试背后的整个故事。

进一步阅读？

规范。

yolpo（关于虚假值）

Answer 2

这个问题的答案与 JavaScript 如何处理强制有关。在 == 的情况下，字符串被强制转换为数字。因此：

'' == '0' 等价于 '' === '0' （两者都是字符串，因此不需要强制转换）。

0 == '' 相当于 0 === 0，因为字符串 '' 变成了数字 0 （math.abs('') === 0）。

出于同样的原因，0 == '0' 相当于 0 === 0。

false == undefined 相当于 0 === undefined 因为当类型不匹配时，JavaScript 会将布尔值强制转换为数字

false == null出于同样的原因，相当于 0 === null 。

null == undefined 是 true，因为规范是这么说的。

感谢您提出这个问题。经过研究，我对 == 的理解要好得多。

Answer 3

实际上，您可以编写一个行为与 == 完全相同的 JavaScript 函数，这应该能让您深入了解它的行为方式。

为了向您展示我在这里的意思是该函数：

// loseEqual() behaves just like `==`
function loseEqual(x, y) {
    // notice the function only uses "strict" operators 
    // like `===` and `!==` to do comparisons

    if(typeof y === typeof x) return y === x;

    if(typeof y === "function" || typeof x === "function") return false;

    // treat null and undefined the same
    var xIsNothing = (y === undefined) || (y === null);
    var yIsNothing = (x === undefined) || (x === null);

    if(xIsNothing || yIsNothing) return (xIsNothing && yIsNothing);

    if(typeof x === "object") x = toPrimitive(x);
    if(typeof y === "object") y = toPrimitive(y);

    if(typeof y === typeof x) return y === x;

    // convert x and y into numbers if they are not already use the "+" trick
    if(typeof x !== "number") x = +x;
    if(typeof y !== "number") y = +y;

    return x === y;
}

function toPrimitive(obj) {
    var value = obj.valueOf();
    if(obj !== value) return value;
    return obj.toString();
}

如您所见 == 有很多复杂的类型转换逻辑。因此，很难预测你会得到什么结果。

以下是一些您意想不到的结果的示例：

意外的真相

[1] == true // returns true
'0' == false // returns true
[] == false // returns true
[[]] == false // returns true
[0] == false // returns true

'\r\n\t' == 0 // returns true

意外的结论

// IF an empty string '' is equal to the number zero (0)
'' == 0 // return true

// AND the string zero '0' is equal to the number zero (0)
'0' == 0 // return true

// THEN an empty string must be equal to the string zero '0'
'' == '0' // returns **FALSE**

具有特殊功能的物体

// Below are examples of objects that
// implement `valueOf()` and `toString()`

var objTest = {
    toString: function() {
        return "test";
    }
};

var obj100 = {
    valueOf: function() {
        return 100;
    }
};

var objTest100 = {
    toString: function() {
        return "test";
    },
    valueOf: function() {
        return 100;
    }
};

objTest == "test" // returns true
obj100 == 100 // returns true
objTest100 == 100 // returns true

objTest100 == "test" // returns **FALSE**