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的判断

注意点

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

相关推荐
Fantasywt4 小时前
THREEJS 片元着色器实现更自然的呼吸灯效果
前端·javascript·着色器
IT、木易4 小时前
大白话JavaScript实现一个函数,将字符串中的每个单词首字母大写。
开发语言·前端·javascript·ecmascript
Mr.NickJJ5 小时前
JavaScript系列06-深入理解 JavaScript 事件系统:从原生事件到 React 合成事件
开发语言·javascript·react.js
念九_ysl7 小时前
深入解析Vue3单文件组件:原理、场景与实战
前端·javascript·vue.js
Jenna的海糖7 小时前
vue3如何配置环境和打包
前端·javascript·vue.js
Mr.NickJJ7 小时前
React Native v0.78 更新
javascript·react native·react.js
烛阴7 小时前
JavaScript 构造器进阶:掌握 “new” 的底层原理,写出更优雅的代码!
前端·javascript
Alan-Xia7 小时前
使用jest测试用例之入门篇
前端·javascript·学习·测试用例
鱼樱前端7 小时前
📚 Vue Router 4 核心知识点(Vue3技术栈)面试指南
前端·javascript·vue.js
JobsandCzj8 小时前
PDF 分割工具
javascript·小程序·pdf