JS中==和===的区别

先说场景bug，在一次做管理后台项目中，用hidden是否等于0来判断左侧菜单是显示还是隐藏，而后端返回的hidden是字符串'0', 于是就有了下面的写法

isShow = (hidden == 0)

原本表示当hidden等于0时菜单不显实，hidden不等于0时菜单显示；

结果就是

isShow = ('0' == 0) // 返回true

而所谓的Eslint又有一个坑的地方，每次一保存会默认把==变成===; 解决方法，保存后重启编辑器；

isShow = ('0' === 0) // 返回false

恍恍惚惚的下午，排查的脑袋都大了。

下面再来聊聊==和===的区别

等值检测运算符包括 4 个，详细说明如表所示。

等值检测运算符

等值检测运算符	说明
==（相等）	比较两个操作数的值是否相等
!=（不想等）	比较两个操作数的值是否不相等
===（全等）	比较两个操作数的值是否相等，同时检测它们的类型是否相同
!==（不全等）	比较两个操作数的值是否不相等，同时检测它们的类型是否不相同

在相等运算中，应注意以下几个问题：

1. 如果操作数是布尔值，则先转换为数值，其中 false 转为 0，true 转换为 1。
2. 如果一个操作数是字符串，另一个操作数是数字，则先尝试把字符串转换为数字。
3. 如果一个操作数是字符串，另一个操作数是对象，则先尝试把对象转换为字符串。
4. 如果一个操作数是数字，另一个操作数是对象，则先尝试把对象转换为数字。
5. 如果两个操作数都是对象，则比较引用地址。如果引用地址相同，则相等；否则不等。