“==”和“===”，难道不是多一个的区别吗？

本文分享自华为云社区《JavaScript/TypeScript里 == 和 === 的区别》，作者： gentle_zhou。

在 JS/TS 项目里，除了能看到==操作符来判断两个变量是否相等外，我们还会看到===操作符，这两者有什么区别吗？

先上结论，

• 对于 String, number 这些基础类型，==操作符会先把两边的变量进行类型强制转换成相同的类型再比较是否相等；===操作符则不会进行类型转换，而是直接进行比较。

• 对于 array, object 这些高级类型，==和 ===是没有区别的，因为它们比较的是 “指针地址” 。

• 对于基础类型和高级类型，== 和 ===是有区别的；==操作符会先把高级类型转换为基础类型之后，进行值的比较；===操作符则不会进行转换，类型不同，直接返回 false

也就是说，`==`操作符只要求比较两个变量的值是否相等，`===`操作符则是要求两个变量的值和类型都要相同；类似地，`!=`操作符会去做类型强制转换，`!==`操作符则不会转换类型。

我们写个基础类型变量的代码示例一下：

66 ==  '66'; // 返回true
66 === '66' // 返回false

==操作符会把第一行里的字符串转换成数字，与 66 再进行比较，值相等，于是返回 true；===操作符则不会做类型转换，因为左边数字，右边字符串，两者类型不同，就会返回 false。

注意

对于特殊值 NaN（Not a Number），表示非数字，NaN 和任何数（包括它自己）做相等比较，都会返回 false，所以判断 NaN 最好用 isNaN()函数；

而对于 undefined 和 null，两者的值相比较，会返回 true。

代码示例如下：

NaN == 6; // 返回falseNaN === NaN; // 返回falsenull == undefined; // 返回truenull === undefined; // 返回false

最后， 由于==和!=操作符带来的类型隐式转换规则非常繁琐，还有为了避免数据类型混淆导致出现 bug，还是推荐使用===操作符和!==操作符。

点击关注，第一时间了解华为云新鲜技术~