JavaScript == 和 === 区别

在日常写网页的时候，不少新手都会在判断变量相等时踩坑——明明感觉两个值“应该”是一样的，结果用代码判断却不通过，或者反过来明明不一样却显示相等，这大多是没搞懂 JavaScript 里两种相等判断的区别。很多人刚接触代码时，会把两种判断混着用，其实它们的核心差异，是要不要“先把两个变量变成一样的类型再比较”。

先搞懂 ==：“差不多就行”的宽松相等

== 可以理解为 JavaScript 的“凑活型判断”：它会先想办法把两个变量的类型转成一样的，再比较值是不是相同，只要转完之后值对得上，就算相等。

举个生活化的例子：你去便利店买矿泉水，1瓶卖3块，你微信里有3块钱的零钱，也有3个1块的硬币，便利店只要能把零钱凑成整3块，就会同意你买水。对应到代码里：

• 数字3和字符串"3"，类型不一样，== 会把字符串转成数字3，所以 3 == "3" 结果是 true；
• 空字符串""和数字0，== 会把空字符串转成数字0，所以 "" == 0 也是 true；
• 甚至 null 和 undefined，== 也会把它们归为“同类”，所以 null == undefined 结果是 true。

但这种“凑活”也有坑，比如 true == 1 会返回 true，true 被转成数字1；而 false == 0 也会返回 true，很容易不小心出现逻辑错误。

再看 ===：“必须一模一样”的严格相等

=== 是 JavaScript 的“较真型判断”，它的规则很简单：两个变量不仅值要完全一样，类型也必须完全一样，不做任何类型转换，差一点都不行。

还是拿买矿泉水举例：便利店只收整3块的纸币，你拿3个硬币、或者手机里的3块零钱，就算总金额一样，也不符合要求，必须是“3块纸币”才可以。对应代码里：

• 数字3和字符串"3"，类型一个是数字、一个是字符串，哪怕值都是3，3 === "3" 也会返回 false；
• 刚才 == 里的 true 和 1，因为类型不同，true === 1 结果是 false，false === 0 同样是 false；
• 甚至 null 和 undefined，它们类型不一样，null === undefined 结果也是 false，和 == 的表现完全不同。

什么时候用哪种判断？

新手可能会纠结“到底用哪个”，其实只要记住：绝大多数场景都优先用 ===，避免隐性类型转换带来的意外结果。只有少数明确知道需要宽松转换的情况，才考虑用 ==，比如判断变量是不是 null 或 undefined 的时候，虽然 null == undefined 成立，但实际开发中也更推荐分开写 if (a === null || a === undefined)，可读性更好。

举个实际开发的例子：如果要判断用户输入的年龄是不是等于18，用 == 的话，用户如果输入字符串"18"会通过，输入"十八"就会出错；而用 === 的话，只有输入数字18才符合，能更精准地控制输入类型，减少bug。

简单总结的话，== 是“先换身衣服再比”，=== 是“直接比原貌”，选对判断方式，能少踩很多代码里的隐形小坑。