为什么 == 为 true 但 {} === {} 为 false

为什么 == 为 true 但 {} === {} 为 false

JavaScript 的严格相等运算符 (===) 乍看简单,却暗藏玄机。本文将解释为何 1 === 1 为真,而 {} === {} 为假。

数据类型:基元与对象

理解这一差异的关键在于 JavaScript 如何处理基元类型和对象类型。

基元类型: 包括数字、字符串、布尔值、undefinednull 和 Symbol。使用 === 比较基元时,JavaScript 直接比较其值。1 === 1 为真,因为它们的值相同。

对象类型: 对象存储在堆内存中。每次创建对象,都会分配新的内存地址。=== 比较对象时,比较的是其内存地址,而非内容。{}{} 是两个不同的对象,位于不同的内存地址,因此 {} === {} 为假。

内存与堆:更深入的理解

下图简要说明:

const obj1 = {}; // 内存地址 aconst obj2 = {}; // 内存地址 bconsole.log(obj1 === obj2); // false, a !== bconst obj3 = obj1; // obj3 指向与 obj1 相同的内存地址console.log(obj1 === obj3); // true, 都指向 a

对象是引用类型,比较的是引用(内存地址),而非值。

typeof 运算符

typeof 运算符用于检测数据类型:

console.log(typeof "hello"); // "string"console.log(typeof 42);       // "number"console.log(typeof true);     // "boolean"console.log(typeof undefined);// "undefined"console.log(typeof null);     // "object" (已知 bug)console.log(typeof {});       // "object"console.log(typeof []);       // "object"console.log(typeof function () {}); // "function"

null 和数组:对象的特殊情况

typeof null 返回 “object” 是 JavaScript 的一个历史遗留问题。数组和函数实际上是对象。

函数:特殊的对象

函数是对象,但拥有 [[call]] 属性,使其可调用。

function greet() {  console.log("hello!");}greet(); // "hello!"

重要性

理解基元和对象的区别至关重要。比较对象内容,需使用深度比较,例如:

const objA = { name: "Alice" };const objB = { name: "Alice" };// 浅比较console.log(objA === objB); // false// 深比较const isEqual = JSON.stringify(objA) === JSON.stringify(objB);console.log(isEqual); // true

结论

1 === 1 为真,因为基元按值比较;{} === {} 为假,因为对象按引用比较。掌握这一区别,有助于编写更健壮的 JavaScript 代码。

以上就是为什么 == 为 true 但 {} === {} 为 false的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1500823.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
服务器端 Web 组装 – 探索未知
上一篇 2025年12月19日 22:52:50
本周科技:我为那些希望了解最新情况而又不被淹没的开发人员的时事通讯
下一篇 2025年12月19日 22:53:01

相关推荐

  • Linux用户adduser与useradd命令区别

    adduser是交互式脚本,默认创建家目录并设密码,适用于Debian/Ubuntu;2. useradd是底层命令,需手动加参数创建家目录和Shell,通用性强,适合脚本使用。 在Linux系统中,adduser 和 useradd 都可以用来创建新用户,但它们在实现方式、使用习惯和功能上存在明显…

    2026年9月24日
    000
  • 如何在PHP的require语句中传递参数并有效管理变量作用域

    本文探讨了在php中使用`require`或`include`语句时如何向被引入文件传递参数。文章详细阐述了通过直接变量作用域共享、利用`$_get`超全局变量(不推荐)以及将引入文件内容封装为函数或类(推荐最佳实践)这三种方法,并提供了相应的代码示例,旨在帮助开发者理解和选择最适合其场景的参数传递…

    2026年9月24日
    000
  • VSCode如何运行终端命令 VSCode内置终端的使用指南

    在VSCode里运行终端命令,最直接、最核心的方式就是利用它内置的集成终端。这玩意儿简直是开发者工作流的“心脏”,你可以在不离开编辑器界面的情况下,直接敲入并执行各种命令行操作,无论是跑测试、安装依赖,还是启动项目,都方便得要命。它把代码编辑和命令执行无缝衔接起来,大大减少了上下文切换的开销。 解决…

    2026年9月24日
    200
  • VSCode如何设置智能代码重构建议 VSCode自动化重构工具的配置优化

    vscode的智能代码重构建议不出现时,首先检查文件类型是否受支持、对应语言扩展是否安装启用、项目根目录是否有jsconfig.json或tsconfig.json等配置文件;2. 确保editor.lightbulb.enabled为true以显示灯泡提示;3. 通过设置editor.codeac…

    2026年9月24日
    700
  • 香香漫画官方版入口2025 香香漫画正版免费阅读地址

    香香漫画官方版入口2025为https://www.xiangxiangmanhua.com,用户可通过该网址访问平台,享受涵盖恋爱、校园等多种题材的免费高清漫画资源,支持搜索、同步更新与跨设备阅读,并提供夜间模式、离线缓存等优化体验。 香香漫画官方版入口2025在哪里?这是不少网友都关注的,接下来…

    2026年9月24日
    200
  • PCIe 4.0和PCIe 5.0的固态硬盘,实际使用差别大吗?

    PCIe 5.0 SSD相比4.0在游戏加载中提升有限,仅快1-2秒且感知不强;但在视频剪辑、AI训练等生产力场景下,顺序读写速度提升近一倍,渲染和文件传输效率显著提高。 PCIe 4.0和5.0固态硬盘在实际使用中的差别,主要看你怎么用。对大多数普通用户来说,差距没想象中大;但如果你干的是专业活儿…

    2026年9月24日
    200
  • 奥尼尔宣布即将开启中国行 姚明与奥尼尔的“姚鲨重逢”

    “姚鲨重逢”指的是前nba球员姚明和奥尼尔的再次相聚,最近一次重逢是在2025年10月10日的nba中国赛澳门站。 在比赛现场,姚明和奥尼尔这两位篮球传奇再度同框,更让人惊喜的是,足坛巨星贝克汉姆和功夫巨星成龙也加入了合影。10月11日,奥尼尔在自己的社交媒体上晒出了与成龙、姚明的同框视频,并配文“…

    2026年9月24日
    000
  • Laravel Blade中条件隐藏元素的优雅实践

    本文探讨了在Laravel Blade模板中如何高效地实现HTML元素的条件隐藏。针对传统@if-@else语句导致代码冗余的问题,教程提出使用Blade的内联三元运算符在style属性中动态控制display: none,从而避免重复代码,提升模板的可读性和维护性。此外,还将介绍如何利用CSS类和…

    2026年9月24日
    100
  • 如何在mysql中使用数值函数计算

    答案:MySQL数值函数用于执行数学运算,如ABS、ROUND、FLOOR、CEIL、MOD、POWER、SQRT等,可对数据直接计算。例如用ROUND四舍五入价格,TRUNCATE截断小数,FLOOR取整,MOD求余判断奇偶,SQRT开方,还可结合AVG、MAX等聚合函数使用,提升查询效率并减少应…

    2026年9月23日
    100
  • PHP同页面无限次表单提交与显示:防止数据覆盖的实现技巧

    本教程详细阐述了如何在php中实现同页面多次表单提交而不覆盖先前数据的方法。核心策略是利用html的数组命名输入(`name=”field[]”`)来收集多个值,并在每次页面刷新时,通过隐藏输入字段重新提交已有的数据,从而在不依赖数据库的情况下,实现“无限”次提交并显示所有历…

    2026年9月23日
    100
  • 如何预防单点故障?VIP高可用搭建解决步骤

    如何预防单点故障?VIP高可用搭建解决步骤如何预防单点故障?VIP高可用搭建解决步骤如何预防单点故障?VIP高可用搭建解决步骤如何预防单点故障?VIP高可用搭建解决步骤

    单点故障是系统稳定性最大威胁,因为其一旦发生将导致服务瞬间瘫痪。解决核心在于消除“唯一”组件,通过构建高可用集群实现冗余备份。具体步骤包括:1. 使用虚拟ip(vip)配合keepalived工具实现自动漂移;2. 配置至少两台服务器组成集群并通过心跳机制监测状态;3. 设置track_script…

    2026年9月23日 用户投稿
    500
  • VSCode 怎样通过插件实现代码的语法检查 VSCode 代码语法检查插件的使用方法​

    VSCode 怎样通过插件实现代码的语法检查 VSCode 代码语法检查插件的使用方法​VSCode 怎样通过插件实现代码的语法检查 VSCode 代码语法检查插件的使用方法​VSCode 怎样通过插件实现代码的语法检查 VSCode 代码语法检查插件的使用方法​VSCode 怎样通过插件实现代码的语法检查 VSCode 代码语法检查插件的使用方法​

    vscode实现代码语法检查的核心是安装对应语言的linter插件,如javascript使用eslint,python使用pylint或ruff;2. 安装后需在项目根目录创建配置文件(如.eslintrc.js或pyproject.toml)或调整vscode设置以启用保存时自动修复等功能;3.…

    2026年9月23日 用户投稿
    500
  • 胜利女神新的希望渡鸦招募攻略

    在《胜利女神:新的希望》这款游戏中,渡鸦作为一位全新的ssr角色登场,不少玩家对如何获取该角色感到困惑。以下是关于渡鸦的详细招募方式攻略,供有需要的玩家参考。 胜利女神新的希望 渡鸦获取方法 招募开放时间:2025年10月1日 4:00 至 2025年10月22日 3:59 招募说明: ① 本次限时…

    2026年9月23日
    000
  • 一加R系列手机摄像头如何调整以拍出HDR视频?HDR视频的设置指南

    一加R系列手机摄像头如何调整以拍出HDR视频?HDR视频的设置指南一加R系列手机摄像头如何调整以拍出HDR视频?HDR视频的设置指南一加R系列手机摄像头如何调整以拍出HDR视频?HDR视频的设置指南一加R系列手机摄像头如何调整以拍出HDR视频?HDR视频的设置指南

    一加R系列拍摄HDR视频需开启相机中的HDR模式或选择4K等高分辨率视频模式,最佳光线为高对比度场景如日出日落,避免极暗或过亮环境,拍摄时启用防抖、使用三脚架以提升稳定性,并注意HDR视频具有更广动态范围和更高色深,但文件更大、对设备性能要求高,播放需支持HDR的设备以获得理想效果。 一加R系列手机…

    2026年9月23日 用户投稿
    200
  • 如何在ArtRage中使用AI裁剪图片?快速掌握精准裁剪的技巧

    ArtRage不支持AI裁剪,但可先用稿定设计等AI工具智能裁剪图片,再导入ArtRage进行绘画创作,弥补其裁剪功能简单、无智能识别的不足,结合AI高效预处理与ArtRage真实笔触优势,提升数字绘画效率。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek R…

    2026年9月23日
    500
  • VSCode搭建C++编程环境 手把手教你配置VSCode运行C++

    首先确保已正确配置mingw-w64并将其bin目录添加到系统环境变量path中,1. 检查c_cpp_properties.json中的”include path”是否包含头文件路径;2. 确认tasks.json中使用-i选项指定头文件路径;3. 验证编译器能否通过命令行…

    2026年9月23日
    800
  • 从单片机到ARM Linux驱动——Linux驱动入门篇

    大家好,又见面了,我是你们的朋友全栈君。 嵌入式Linux操作系统具有:开放源码、所需容量小(最小的安装大约需要2MB)、不需著作权费用、成熟与稳定(经历这些年的发展与使用)、良好的支持等特点。因此被广泛应用于移动电话、个人数码等产品中。嵌入式Linux开发主要包括:底层驱动、操作系统内核、应用开发…

    2026年9月23日
    100
  • 小岛谈工作室未来发展:有点像建造宇宙飞船进入太空

    在今日小岛工作室迎来成立十周年之际,IGN报道称,小岛秀夫于纪念活动上透露了他为工作室规划的长达20年的宏伟蓝图,并将这一愿景形象地比作“打造并发射一艘宇宙飞船,飞向未知的深空”。 第一阶段(2015–2019) 目标:“建造飞船、集结团队、启动引擎,正式启航,创造独属于我们的全新IP。” 具体进展…

    2026年9月23日
    000
  • VSCode如何配置RISC-V开发环境 VSCode嵌入式开发的特殊设置

    解决方案的核心是选择合适的risc++-v gnu toolchain并将其bin目录添加到系统path,确保vscode能调用交叉编译器;2. 安装c/c++扩展和cortex-debug等调试扩展,通过c_cpp_properties.json配置头文件路径、宏定义和编译器路径,实现准确的智能感…

    2026年9月23日
    800
  • 如何在PaintShopPro中使用AI裁剪图片?快速掌握图像裁剪技巧

    如何在PaintShopPro中使用AI裁剪图片?快速掌握图像裁剪技巧如何在PaintShopPro中使用AI裁剪图片?快速掌握图像裁剪技巧如何在PaintShopPro中使用AI裁剪图片?快速掌握图像裁剪技巧如何在PaintShopPro中使用AI裁剪图片?快速掌握图像裁剪技巧

    PaintShop Pro虽无“AI裁剪”按钮,但可通过智能选择工具(如智能选择画笔、魔术棒)精准分离主体,结合内容感知填充实现背景移除或扩展,最终用裁剪工具优化构图,形成“先智能处理、后精准裁剪”的高效工作流。 ☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 免费无限量使用 DeepSeek…

    2026年9月23日 用户投稿
    700

发表回复

登录后才能评论
关注微信