使用 === 而不是 ==

在 JavaScript 中，我们常常需要对变量进行比较操作。比较操作符主要有两种，一种是弱类型比较操作符 ==，另一种是强类型比较操作符 ===。

在使用比较操作符时，我们要注意它们的差异，正确选择操作符可以避免代码出现难以查找的错误。

弱类型比较操作符 ==

弱类型比较操作符 == 在进行比较时，会先将比较的两个值进行类型转换，然后再进行比较。

例如：

1 == '1' // true

在这个例子中，1 是数字类型，'1' 是字符串类型，使用 == 操作符进行比较时，'1' 会被转换为数字类型，因此比较的结果是 true。

但是，由于弱类型比较操作符 == 进行类型转换的规则比较复杂，因此在某些情况下可能会出现我们所不希望的结果，例如：

'' == false // true
0 == false // true
null == undefined // true

在这三个例子中，使用 == 操作符进行比较时，值会被转换为布尔类型，之后再转换为数字类型，比较的结果和我们所期望的不同。

强类型比较操作符 ===

强类型比较操作符 === 在进行比较时，会先对比较的两个值的类型进行比较，类型不同则直接返回 false，类型相同再进行值的比较。

例如：

1 === '1' // false

在这个例子中，1 是数字类型，'1' 是字符串类型，使用 === 操作符进行比较时，两个值的类型不同，因此返回 false。

使用 === 操作符进行比较可以避免因类型转换引起的错误，代码的可读性也更好，因此在进行比较操作时，我们应该优先使用 === 操作符。

总结

• 弱类型比较操作符 == 会进行类型转换，比较的结果可能和我们所期望的不同。
• 强类型比较操作符 === 在进行比较时，会先对比较的两个值的类型进行比较，类型不同则直接返回 false，类型相同再进行值的比较。
• 在进行比较操作时，我们应该优先使用 === 操作符。

参考链接：MDN - 比较操作符