当表达式不可能为TRUE时，表达式的计算结果为TRUE，是吗？

Question

我有以下检查以确定是否应该将元素视为“悬停在”上。

我很困惑，因为我看到元素设置为state === 'hover'时不应该。

alert消息更令人困惑，因为它告诉刚刚评估为true的表达式是不应该的（如果你从逻辑上考虑它）。

if( (ig.gui.cursor.pos.x >= element.pos.x) 
    && (ig.gui.cursor.pos.x <= element.pos.x + element.size.x)
    && (ig.gui.cursor.pos.y >= element.pos.y) 
    && (ig.gui.cursor.pos.y <= element.pos.y + element.size.y) 
    && !element.disabled ) {

    state = 'hover';

    alert(

        'This statement evaluates to true: '

        + ig.gui.cursor.pos.x
        + '>='
        + element.pos.x
        + '&&'
        + ig.gui.cursor.pos.x
        + '<='
        + element.pos.x
        + '+'
        + element.size.x
        + '&&'

        + ig.gui.cursor.pos.y
        + '>='
        + element.pos.y
        + '&&'
        + ig.gui.cursor.pos.y
        + '<='
        + element.pos.y
        + '+'
        + element.size.y
        + '&&'

        + ( !element.disabled )

    );

}

以上代码会产生alert这样的消息：

当然，我们都同意580 <= 60 + 48评估为FALSE，对吗？

然而警报仍然被召唤......

Answer 1

element.pos.x是一个字符串（“60”）。您需要将它（以及比较中的所有其他字符串）转换回数字。