JavaScript高级程序设计(第3版) 第三章非常完整地解释了原因。
3.5.7 相等操作符
在转换不同的数据类型时,相等和不相等操作符遵循下列基本规则: 1. 如果有一个操作数是布尔值,则在比较相等性之前先将其转换为数值——false转换为0,而true转换为1; 2. 如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值; 3. 如果一个操作数是对象,另一个操作数不是,则调用对象的valueOf()方法,用得到的基本类型值按照前面的规则进行比较;
首先 'true' == true 符合规则 1,这样就转化成了对 'true' == 1 进行求值
此时表达式符合规则 2
2. 如果一个操作数是字符串,另一个操作数是数值,在比较相等性之前先将字符串转换为数值;
也就是说需要将 'true' 转换成数值之后,再与数字 1 进行比较。把 'true' 转换成数值是使用 Number 函数
3.4.5 Number 类型
Number()函数的转换规则如下。 1. 如果是Boolean值,true和false将分别被转换为1和0。 2. 如果是数字值,只是简单的传入和返回。 3. 如果是null值,返回0。 4. 如果是undefined,返回NaN。 5. 如果是字符串,遵循下列规则: 5.1 如果字符串中只包含数字(包括前面带加号或负号的情况),则将其转换为十进制数值, 即"1"会变成1,"123"会变成123,而"011"会变成11(注意:前导的零被忽略了); 5.2 如果字符串中包含有效的浮点格式,如"1.1",则将其转换为对应的浮点数值(同样,也会忽略前导零); 5.3 如果字符串中包含有效的十六进制格式,例如"0xf",则将其转换为相同大小的十进制整数值; 5.4 如果字符串是空的(不包含任何字符),则将其转换为0; 5.5 如果字符串中包含除上述格式之外的字符,则将其转换为NaN。
按照规则 5 和规则 5.5,Number('true') 的值为 NaN,也就是说现在的问题变成了对 NaN == 1 进行求值。
还是在这一节中,提到了
其次,NaN与任何值都不相等,包括NaN本身。
也就是说 NaN == 1 的值是 false。
最后捋一遍, 'true' == true --> 'true' == 1 --> NaN == 1 --> false
JavaScript 的 == 判断符隐含着各种隐式转换,对于这种设计上的坑,最好的避免方式就是不使用,没有必要为语言的糟粕买单。
实际上,几乎所有地方使用全等操作符 === 都更加有必要,如果分不清楚什么时候可以用相等操作符 ==,那就直接记住结论,统一使用全等操作符 ===。
转自:
作者:知乎用户
链接:https://www.zhihu.com/question/61106507/answer/184310938
来源:知乎