前端 JS 经典:双等号运算符的运算和转换规则

简介: 前端 JS 经典:双等号运算符的运算和转换规则

1. 运算规则

两端存在 NaN,返回 false

NaN == NaN; // false
NaN == 1; //false

undefinednull 只有与自身比较,或者相互比较时,才返回 true,和其他原始类型比较都返回 false。

undefined == null; // true
undefined == undefined; // true
null == null; // true

两端类型相同,比较值

1 == 2; // false
"yq" == "yqcoder"; // false

两端都是原始类型,转换成数字重新比较

0 == false; // true
"1" == 1; // true

一端是原始类型,一端是对象类型,把对象转换成原始类型后重新比较。

// 当有 [Symbol.toPrimitive] 符号时
let obj = {
  [Symbol.toPrimitive]() {
    return 2;
  },
};
obj == 2; // true
 
// 如果没有 [Symbol.toPrimitive]时, 先调用 valueOf() 拿原始值,如果没有再调用 toString() 拿原始值
let obj = {
  valueOf() {
    return {};
  },
  toString() {
    return 4;
  },
};
obj == 4; // true
 
// 使 obj == 1 && obj == 2 && obj == 3 成立
let obj = {
  count: 1,
  valueOf() {
    return this.count++;
  },
};
obj == 1 && obj == 2 && obj == 3; // true

2. 对象如何转原始类型

  1. 如果对象拥有[Symbol.toPrimitive]方法,调用该方法。若该方法能得到原始值,使用该原始值,若得不到原始值,抛出异常
  2. 调用对象的 valueOf 方法,若该方法能得到原始值,使用该原始值,若得不到原始值,进行下一步
  3. 调用对象的 toString 方法,若该方法能得到原始值,使用该原始值,若得不到原始值,抛出异常


目录
相关文章
|
2天前
|
XML 前端开发 JavaScript
前端简介(HTML+CSS+JS)
前端简介(HTML+CSS+JS)
|
2天前
|
前端开发 JavaScript 数据处理
前端新手指南:如何解决JavaScript导出CSV文件不完整的问题
【6月更文挑战第4天】在JavaScript中处理CSV文件时,需要特别注意一些特殊字符,例如逗号、双引号、换行符等。这些字符可能会影响CSV文件的解析,导致数据错乱。
12 0
|
2天前
|
JavaScript 前端开发 网络协议
前端JS发起的请求能暂停吗?
在讨论前端JS发起的请求是否能暂停时,需要明确两个概念:什么状态可以被认为是“暂停”?以及什么是JS发起的请求?
57 1
前端JS发起的请求能暂停吗?
|
5天前
|
JavaScript 前端开发
JavaScript基础-运算符与条件语句
【6月更文挑战第11天】本文探讨了JavaScript中的运算符和条件语句,包括算术、比较、逻辑、赋值及三元运算符。强调了使用严格等于`===`避免类型转换错误,理解逻辑运算符短路特性和优化条件结构以提高代码可读性。通过示例展示了正确使用这些概念,以提升代码质量和维护性。
|
5天前
|
前端开发 JavaScript 安全
TypeScript作为一种静态类型的JavaScript超集,其强大的类型系统和面向对象编程特性为微前端架构的实现提供了有力的支持
【6月更文挑战第11天】微前端架构借助TypeScript提升开发效率和代码可靠性。 TypeScript提供类型安全,防止微前端间通信出错;智能提示和自动补全加速跨代码库开发;重构支持简化代码更新。通过定义公共接口确保一致性,用TypeScript编写微前端以保证质量。集成到构建流程确保顺利构建打包。在微前端场景中,TypeScript是强有力的语言选择。
23 2
|
10天前
|
Web App开发 资源调度 JavaScript
【保姆级】前端使用node.js基础教程
【6月更文挑战第3天】Node.js 是基于 Chrome V8 引擎的 JavaScript 运行环境,用于服务器端编程。常用命令包括:安装 Node.js,通过 `node -v` 查看版本;使用 npm(Node 包管理器)进行初始化、安装/卸载包、查看版本和更新;运行 `.js` 脚本;使用 `node inspect` 调试;借助 nodemon 实现自动重启;通过 `npm list` 管理包;
5 0
|
13天前
|
前端开发 JavaScript API
Vue.js:渐进式JavaScript框架-前端开发
Vue.js:渐进式JavaScript框架-前端开发
21 3
|
11月前
|
JavaScript 前端开发 开发者
javascript运算符与流程控制
javascript运算符与流程控制
60 0
|
JavaScript 前端开发
走进JavaScript运算符与流程控制
走进JavaScript运算符与流程控制
|
JavaScript 前端开发 Java
Python全栈 Web(JavaScript 运算符、流程控制)
运算符: 赋值运算符:= 算术运算符:+ - * / %  自增自减:++ -- 自增自减在单独使用时放前放后没区别 如果参与其他运算时分前缀和后缀 ++ 在后 先使用后自增 ++ 在前 先自增后使用 关系运算符 .
1810 0

热门文章

最新文章