JavaScript与TypeScript中==和===的区别是什么

这篇“JavaScript与TypeScript中==和===的区别是什么”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“JavaScript与TypeScript中==和===的区别是什么”文章吧。

先上结论，

• 对于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; // 返回false
NaN === NaN; // 返回false
null == undefined; // 返回true
null === undefined; // 返回false

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

js在比较的时候如果是 == 会先做类型转换，再判断值得大小，如果是===类型和值必须都相等。

以上就是关于“JavaScript与TypeScript中==和===的区别是什么”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。