js中==和===的区别和使用

之前学js的时候，也没仔细的研究过==和===两个操作符之间的具体区别，但是本着实事求是的态度，今天上网查了一下他们两个的区别=最后得出的结论是：

=== 严格相等，会比较两个值的类型和值

== 抽象相等，比较时，会先进行类型转换，然后再比较值

然后我就更迷惑了，先类型转换，我擦，怎么转换，左边转换成右边类型还是右边转换成左边类型？

先看几个例子：

console.log([10] == 10); //true

console.log(‘10’ == 10); //true

console.log([] == 0); //true

console.log(true == 1); //true

console.log([] == false); //true

console.log(![] == false); //true

console.log(‘’ == 0); //true

console.log(‘’ == false); //true

console.log(null == false); //false

console.log(!null == true); //true

console.log(null == undefined); //true

看完这几个例子，我更迷糊了，啥，不是说好先进行类型转换嘛，怎么转换？除了 null==false是false外，其他的都是true?但是 !null==true却是true?这是为啥？

没辙，越查越迷糊，乖乖去看ECMA的规范吧，看看标准是怎么规定的。

===

• 如果Type(x)和Type(y)不同，返回false

• 如果Type(x)和Type(y)相同

• 如果Type(x)是Undefined，返回true,即undefined===undefined ：true

• 如果Type(x)是Null，返回true，即Null===Null：true

• 如果Type(x)是String，当且仅当x,y字符序列完全相同（长度相同，每个位置上的字符也相同）时返回true，否则返回false

• 如果Type(x)是Boolean，如果x,y都是true或x,y都是false返回true，否则返回false

• 如果Type(x)是Symbol，如果x,y是相同的Symbol值，返回true,否则返回false

• 如果Type(x)是Number类型

• 如果x或者y是NaN，返回false

• 如果x的数字值和y相等，返回true

• 如果x是+0/-0，y是-0/+0，返回true

• 其他返回false

==

• 如果Type(x)和Type(y)相同，返回x===y的结果

• 如果Type(x)和Type(y)不同

• 如果x是null，y是undefined，返回true, null==undefined :true

• 如果Type(x)是Number，Type(y)是String，返回 x==ToNumber(y) 的结果,

• 如果Type(x)是Boolean，返回 ToNumber(x)==y 的结果

• 如果Type(x)是String或Number或Symbol中的一种并且Type(y)是Object，返回 x==ToPrimitive(y) 的结果

• 其他返回false

上面两个片段是ecma262规范中对===和==计算过程的定义，我摘录过来并做了翻译和整理。可能一时半会有点不好理解，慢慢解释。

其中涉及到几个es定义的抽象操作：

• Type(x) : 获取x的类型

• ToNumber(x) : 将x转换为Number类型

• ToBoolean(x) : 将x转换为Boolean类型

• ToString(x) : 将x转换为String类型

• SameValueNonNumber(x,y) : 计算非数字类型x,y是否相同

• ToPrimitive(x) : 将x转换为原始值

小总结：

• 标准相等操作符 ==

1. 如果 X 和 Y 类型相同 —— 执行 ===；

2. 如果 X 和 Y 一个是 null 一个是 undefined —— 返回true；

3. 如果一个是 number 类型，则把另一个也强制转换为 number 类型；

4. 如果一个是对象，则强制转换为原始类型；

5. 其它情况，返回 false。

• 严格相等操作符 ===

1. 类型不同 —— 返回false；

2. 类型相同 —— 比较值是否相同（都为 NaN 时返回 false）；

3. -0 === +0 —— 返回true。
   自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（资料价值较高，非无偿）

核心竞争力，怎么才能提高呢？

成年人想要改变生活，逆转状态？那就开始学习吧~

万事开头难，但是程序员这一条路坚持几年后发展空间还是非常大的，一切重在坚持。

为了帮助大家更好更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。

前端面试题汇总

JavaScript

性能

linux

前端资料汇总

完整版PDF资料免费分享，只需你点赞支持，动动手指点击此处即可领取了。

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。

完整版PDF资料免费分享，只需你点赞支持，动动手指点击此处即可领取了。

前端工程师岗位缺口一直很大，符合岗位要求的人越来越少，所以学习前端的小伙伴要注意了，一定要把技能学到扎实，做有含金量的项目，这样在找工作的时候无论遇到什么情况，问题都不会大。