关于 == 和 === 和 Object.is() 的详细介绍

关于 ==

等于运算符(==)检查其两个操作数是否相等,并返回Boolean结果,在某些情况下会尝试强制类型转换来比较不同类型的操作数。具体的规则如下:

  • 如果两个操作数都是对象,则仅当两个操作数都引用同一个对象时才返回true。(对象类型的判断其实和 === 一样,都是只看是否是相同引用即可)
  • 如果一个操作数是 null,另一个操作数是 undefined,则返回 true
  • 如果两个操作数是不同类型的,就会尝试在比较之前将它们转换为相同类型:
    • 当数字与字符串进行比较时,会尝试将字符串转换为数字值。
    • 如果操作数之一是 Boolean,则将布尔操作数转换为1或0。
      • 如果是 true,则转换为 1
      • 如果是 false,则转换为 0
    • 如果操作数之一是对象,另一个是数字或字符串,会尝试使用对象的 valueOf()toString() 方法将对象转换为原始值。
  • 如果操作数具有相同的类型,则将它们进行如下比较:
    • String:true 仅当两个操作数具有相同顺序的相同字符时才返回。
    • Number:true 仅当两个操作数具有相同的值时才返回。+0 并被 -0 视为相同的值。如果任一操作数为 NaN,则返回 false
    • Boolean:true 仅当操作数为两个 true 或两个 false 时才返回 true

关于 ===

全等运算符 (===) 会检查它的两个操作数是否相等,并且返回一个布尔值结果,且在任何情况下都不会进行强制类型转换。具体的规则如下:

  • 如果操作数的类型不同,则返回 false。
  • 如果两个操作数都是对象,只有当它们指向同一个对象时才返回 true。
  • 如果两个操作数都为 null,或者两个操作数都为 undefined,返回 true。
  • 如果两个操作数有任意一个为 NaN,返回 false。(也就是说 NaN === NaNfalse,可以用 Object.is(NaN, NaN) 来进行判断,返回的就是 true
  • 否则,比较两个操作数的值:
    • 数字类型必须拥有相同的数值。+0 和 -0 会被认为是相同的值。(即 +0 === -0true,可以用 Object.is(+0, -0) 来进行判断,返回的就是 false
    • 字符串类型必须拥有相同顺序的相同字符。
    • 布尔运算符必须同时为 true 或同时为 false。

关于 Object.is()

Object.is() 方法判断两个值是否为同一个值。具体的规则如下:

  • 都是 undefined
  • 都是 null
  • 都是 truefalse
  • 都是相同长度的字符串且相同字符按相同顺序排列
  • 都是相同对象(意味着每个对象有同一个引用)
  • 都是数字且
    • 都是 +0
    • 都是 -0
    • 都是 NaN
    • 或都是非零而且非 NaN 且为同一个值。

由上可知,== 的判断规则相对来说更加复杂难记,而且进行类型强制转换的判断逻辑也不合理,平时写代码时应该尽量使用 === 或者 Object.is() 来进行相等判断。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值