这里发生了哪些 Javascript 类型转换？

Question

我在编写的脚本中发现了一个错误，我无法准确找出导致问题的原因。具体来说：

"49px" < 50 === false

我可以在这里想到两种不同的转换：

49 < 50 === true
"49px" < "50" === true
"49" < 50 === true // just for the hell of it

我修复了它：

parseInt("49px") < 50 === true

那么为什么这会评估为假？这里到底发生了什么？

Answer 1

如果一个操作数是数字，另一个操作数是字符串，则the string is converted to a number，然后进行比较。

如果字符串不能转换为数字，则转换为NaN，比较总是返回false。

Answer 2

当要求 javascript 将数字与其他内容进行比较时，它会尝试将“其他内容”转换为数字。在这种情况下，"49px" 的计算结果为 NaN，所以 NaN < 50 是 false。