JavaScript 中的三位一体

最近看到一个有意思的图片，包含了鲜为人知的秘密。。。

先看看这张有意思的图片。

图左应该讲的是基督教中的三位一体。翻译成中文如下。

当然这不是我们的重点，我们的重点在右边这个图。讲的是js中相等操作。

==是js中的宽松相等(loose equals)。===是严格相等(strict equals)。

这两个都是用来判断两个值是否相等。区别在于。

==允许在比较中进行强制类型转换，而===不允许。

在转换不同数据类型时，遵循以下几个规则：

• 如果有一个操作数是布尔值(true和false)，会将false转为数值0，true转为数值1。
• 如果一个操作符是字符串，另一个是数值。则将字符串转成数值(ToNumber)。
• 如果一个操作符是对象，另一个不是。则使用ToPrimitive将对象转成基本值( 先调用对象的valueOf()方法得到基本类型，如果不能得到基本类型则调用toString()) 。再按照上面的规则进行转换。
• null 和 undefined 是相等的，与其他值不相等。
• 数值NaN与任何值都不相等，包括NaN本身也不相等。
• 如果两个操作符都是对象，那么比较他们是不是同一个对象引用即可。

细品上面的比较规则，品完后回到我们的三位一体js。

"\t"!="0" 这个显然容易看出来，类型一样，内容不一样。

接着看 []=="0" 和 []=="0"。一个操作符是对象，另一个不是。[].valueOf() 还是[]，所以调用[].toString(),值为""。详细比较就看下图吧。

对于ToNumber这个操作遵循以下规则:

• true 转为 1， false 转为 0。
• undefined 转为 NaN , null 转为 0。
• 字符串"","\n","\t"(或者" "等其他空格组合)等空字符串总是被转为 0。其他字符串遵循基本数字方法处理，失败返回NaN。
• 对于对象则使用ToPrimitive将对象转成基本值，然后遵循上面的规则转换。

回到我们的三位一体js，演算过程如下。

抛开我们的三位一体，再看看其他的相等操作，遵循上面的规则去套用，应该可以明白其中的所以然了吧。

等号看完了？再加入一些比较符号>，<。

是不是有点头晕了？先把==消化了。这些关系操作符且听下回分解！(先挖个坑👀)

以上为【白玉无冰】关于"js相等操作符"的技术分享。欢迎关注公中号【白玉无冰】。如果对你有点帮助，欢迎分享给身边的朋友。

参考书籍:
《JavaScript 高级程序设计》
《你不知道的 JavaScript》

---

本文由博客一文多发平台 OpenWrite 发布！