JS中的等值判断并非只有==和===

严格相等

===使用的等值判断方式

类型不同直接返回false

类型相同:

  • +0-0相等
  • NaNNaN不相等
  • undefinedundefined相等
  • nullnull相等
  • 指向同一地址的对象相等
  • 顺序相同的字符串相等

使用严格相当的场景

  • switch case - ===
  • indexOf lastIndexOf

宽松相等

类型不同则进行类型转换,规则详见js类型转换 todo

类型相同时,除了以下规则外与严格相等相同

  • document.allundefined相等
  • document.allnull相等

这其实不符合ES规范,ES规范所有对象和原始值都不与undefinednull相等,这更像是浏览器BUG,但是也没人进行这个比较吧?

只用于==

同值相等

Api中的只用于Object.is,多用于语言内部

  • NaNNaN相等
  • +0-0不相等

存在的意义:

js 复制代码
Object.defineProperty(Number, "NEGATIVE_ZERO", {
  value: -0,
  writable: false,
  configurable: false,
  enumerable: false,
});

function attemptMutation(v) {
  Object.defineProperty(Number, "NEGATIVE_ZERO", { value: v });
}

attemptMutation(-0)//不报错
attemptMutation(0)//报错

如上代码,当规定了一个不可变属性,此时需要严格判断+0-0,当然也需要判断NaN,主观上这样更加合理

当语言期望一个值等于另外一个值的时候,几乎所有地方都是用同值相等。

可以借助以上例子理解语言内部的含义

零值相等

同值相等的区别是:+0-0相等

不作为Api公开

用于:

  • 数组的includes
  • map的键值判断
  • set的判断

注意点

当任何需要等值判断的时候,可以对其用的什么类型等值判断敏感一些,这样可能能避免一些问题

相关推荐
专注前端30年1 小时前
【JavaScript】reduce 方法的详解与实战
开发语言·前端·javascript
专注前端30年3 小时前
2025 最新 Vue2/Vue3 高频面试题(10月最新版)
前端·javascript·vue.js·面试
Highcharts.js3 小时前
选择合适的组合:如何打造数据可视化的“黄金组合”
javascript·信息可视化·highcharts·交互式图表开发
angelQ4 小时前
Vue 3 中 ref 获取 scrollHeight 属性为 undefined 问题定位
前端·javascript
我的div丢了肿么办4 小时前
js函数声明和函数表达式的理解
前端·javascript·vue.js
AAA阿giao4 小时前
JavaScript 对象字面量与代理模式:用“胡巴送花”讲透面向对象与设计思想
javascript
高台树色4 小时前
终于记住Javascript垃圾回收机制
javascript
举个栗子dhy4 小时前
第二章、全局配置项目主题色(主题切换+跟随系统)
前端·javascript·react.js
sorryhc4 小时前
开源的SSR框架都是怎么实现的?
前端·javascript·架构
fox_4 小时前
别再混淆 call/apply/bind 了!一篇讲透用法、场景与手写逻辑(二)
前端·javascript