字节跳动Tiktok团队北上广深杭急招前后端开发,绿色内推邮箱:sunmaoyu@bytedance.com

‘true’==true返回false详解

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
来源:知乎

posted @ 2017-09-18 17:01  冒雨ing  阅读(3924)  评论(0编辑  收藏  举报