【知识分享】JS中的神经病(1) == 与 ===

收藏

本帖最后由 James.Lv 于 2023-1-5 17:36 编辑

image.png127344969.png

这个问题对于很多没有系统学过前端开发的技术人员来说，算个重点，来画起来，我们一起看。
请看题，以下执行结果是啥？

复制代码

是不是很神奇
那么为什么会出现这种情况，我们从==与===的特性说起
我们先来分析一下上面的等式：
1.左边是一个数组，右边是一个表达式，左边数组就是：[] ，右边是一个数组的取反 ![] ，所以算是一个表达式，后面取反后得到 false，
image.png452460631.png

所以这里可以将等式替换为，相当于 []==false 的比较，

复制代码

这里，还是有点不符合逻辑，我们再继续拆分
分析：因为这里用的是双等号，左边是数组，右边是值，所以根据双等号的特性，需要将两边都转换为原始类型，用ToString来转换，所以这里执行后显示为：
image.png482975158.png

我们继续替换等式

复制代码

执行后结果为：true，是不是有点抓狂的感觉。
现在两边都为原始类型，但是类型还是不一样，左边是字符串，右边是bool 类型，所以这个 == 又要去干件大事了，继续转，将两边都转换为数值类型。
那么继续转：
image.png225686339.png

然后最终执行的表达式就是：

复制代码

执行结果为：true；

所以表达式中如果需要比较，尽量使用===，因为==在执行中非常诡异，给大家再举个例子：

复制代码

是不是神奇的知识又增加了！

nimotea · nimotea

@Martin.Zhang · @Martin.Zhang

nimotea 发表于 2022-11-15 10:31

优秀，js是唯一能逼疯程序员的语言

		自动登录	找回密码
密码			立即注册

2 个回复