前端 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 方法,若该方法能得到原始值,使用该原始值,若得不到原始值,抛出异常


目录
相关文章
|
8天前
|
JavaScript 前端开发 API
详解队列在前端的应用,深剖JS中的事件循环Eventloop,再了解微任务和宏任务
该文章详细讲解了队列数据结构在前端开发中的应用,并深入探讨了JavaScript的事件循环机制,区分了宏任务和微任务的执行顺序及其对前端性能的影响。
|
7天前
|
JavaScript 前端开发 小程序
一小时入门Vue.js前端开发
本文是作者关于Vue.js前端开发的快速入门教程,包括结果展示、参考链接、注意事项以及常见问题的解决方法。文章提供了Vue.js的基础使用介绍,如何安装和使用cnpm,以及如何解决命令行中遇到的一些常见问题。
一小时入门Vue.js前端开发
|
8天前
|
JavaScript 前端开发
今天被JavaScript的String型和数字型的+运算撞了一下腰。
今天被JavaScript的String型和数字型的+运算撞了一下腰。
|
9天前
|
JavaScript 前端开发 开发者
深入浅出 Vue.js:构建响应式前端应用
Vue.js 是一个流行的前端框架,以其简洁、高效和易学著称。它采用响应式和组件化设计,简化了交互式用户界面的构建。本文详细介绍 Vue.js 的核心概念、基本用法及如何构建响应式前端应用,包括实例、模板、响应式数据和组件等关键要素,并介绍了项目结构、Vue CLI、路由管理和状态管理等内容,帮助开发者高效地开发现代化前端应用。
|
9天前
|
JavaScript 前端开发
网页前端课程设计-【模仿】香港中文大学官网,轮播图及div+css布局,js的dom操作
这篇文章介绍了如何模仿香港中文大学官网进行网页前端课程设计,包括使用div+css布局、js的DOM操作以及实现轮播图等技术细节。
|
9天前
|
前端开发 JavaScript
前端JS控制网页复制粘贴
前端JS控制网页复制粘贴
|
22天前
|
SpringCloudAlibaba JavaScript 前端开发
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
分布式组件、nacos注册配置中心、openfegin远程调用、网关gateway、ES6脚本语言规范、vue、elementUI
谷粒商城笔记+踩坑(2)——分布式组件、前端基础,nacos+feign+gateway+ES6+vue脚手架
|
2月前
|
存储 前端开发 JavaScript
前端语言串讲 | 青训营笔记
前端语言串讲 | 青训营笔记
30 0
|
4月前
|
JSON 前端开发 JavaScript
前端Ajax、Axios和Fetch的用法和区别笔记
前端Ajax、Axios和Fetch的用法和区别笔记
75 2
|
4月前
|
前端开发 JavaScript 数据库
如何实现前后端分离-----前端笔记
如何实现前后端分离-----前端笔记
下一篇
无影云桌面