在 JavaScript 中,??(双问号运算符)和 ?.(可选链运算符)区别

在 JavaScript 中,??(双问号运算符)和 ?.(可选链运算符)是两种不同的运算符,用于处理不同的情况:

双问号运算符 (??):

?? 运算符是空值合并运算符(Nullish Coalescing Operator)。

它的作用是为了提供一种默认值的设定,当左侧的操作数为 null 或 undefined 时,使用右侧的操作数作为默认值。

示例:

javascript
let value1 = null ?? ‘default’; // value1 等于 ‘default’
let value2 = undefined ?? ‘default’; // value2 等于 ‘default’
let value3 = ‘value’ ?? ‘default’; // value3 等于 ‘value’
在以上示例中,如果左侧的值为 null 或 undefined,则 ?? 运算符会选择右侧的值作为结果。否则,它会选择左侧的值。

可选链运算符 (?.):

?. 运算符是可选链运算符(Optional Chaining Operator)。

它允许在访问可能为空或未定义的对象属性或方法时,不引发错误,而是返回 undefined。

示例:

javascript
let user = {
name: ‘Alice’,
social: {
twitter: ‘@alice’
}
};

let twitterHandle = user.social?.twitter; // twitterHandle 等于 ‘@alice’
let facebookHandle = user.social?.facebook; // facebookHandle 等于 undefined
在这个示例中,user.social?.twitter 如果 user.social 存在且具有 twitter 属性,则返回 twitter 的值。如果 user.social 不存在或者没有 twitter 属性,则返回 undefined 而不是引发错误。

区别总结:
?? 运算符用于提供默认值,当左侧的值为 null 或 undefined 时使用右侧的默认值。

?. 运算符用于在链式访问属性或方法时,避免因为中间属性不存在而导致的错误,而是安全地返回 undefined。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/42043.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android C++系列:Linux进程(一)

1. 进程概念 我们知道,每个进程在内核中都有一个进程控制块(PCB)来维护进程相关的信 息,Linux内核的进程控制块是task_struct结构体。现在我们全面了解一下其中都有哪 些信息。 进程id。系统中每个进程有唯一的id,在C语言中用pid_t类型表示,其实就是一个非 负整数。进程的…

TypeError: Cannot read properties of null (reading ‘nextSibling‘)

做项目用的Vue3Vite, 在画静态页面时,点击菜单跳转之后总是出现如下报错,百思不得其解。看了网上很多回答,也没有解决问题,然后试了很多方法,最后竟然发现是template里边没有结构的原因。。。 原来我的index.vue是这样…

android.bp 编译 顺序

在Android平台上,.bp 文件是用来定义Android编译系统中的编译规则的。Android编译系统是基于Blueprint的,.bp 文件中定义的规则决定了如何编译和打包应用程序。 在Android编译系统中,.bp 文件中的规则通常是按照它们在文件中的顺序来执行的。…

ELK+Filebeat+Kafka+Zookeeper

本实验基于ELFK已经搭好的情况下 ELK日志分析 架构解析 第一层、数据采集层 数据采集层位于最左边的业务服务器集群上,在每个业务服务器上面安装了filebeat做日志收集,然后把采集到的原始日志发送到Kafkazookeeper集群上。第二层、消息队列层 原始日志发…

conda和pip

1.众所周知,pip的确是python官方(PyPA)推荐的Python软件包安装管理工具,在安装Python软件包时,第一反应应该是pip。正是由于pip是Python官方推荐的“正统”工具,所以pip只专注于Python软件包之间的依赖&…

Matlab手搓线性回归-非正规方程法

原理:wxb,x是输入,求得的结果与真实值y求均方误差。 采用链式法则求导 参数更新,梯度下降法(批量梯度下降) 随机生成数据: m100;生成100个数据,并添加随机噪声 clear; …

基于flask的猫狗图像预测案例

📚博客主页:knighthood2001 ✨公众号:认知up吧 (目前正在带领大家一起提升认知,感兴趣可以来围观一下) 🎃知识星球:【认知up吧|成长|副业】介绍 ❤️如遇文章付费,可先看…

二次元转向SLG,B站游戏的破圈之困

文 | 螳螂观察 作者 | 夏至 2023年是B站游戏的滑铁卢,尽管这年B站的游戏营收还有40多亿,但相比去年大幅下降了20%,整整少了10亿,这是过去5年来的最大跌幅,也是陈睿接管B站游戏业务一年以来,在鼻子上碰的第…

鸿蒙语言基础类库:【@ohos.process (获取进程相关的信息)】

获取进程相关的信息 说明: 本模块首批接口从API version 7开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。开发前请熟悉鸿蒙开发指导文档:gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md点击或者复制转到。…

昇思13天

ResNet50迁移学习 ResNet50迁移学习总结 背景介绍 在实际应用场景中,由于训练数据集不足,很少有人会从头开始训练整个网络。普遍做法是使用在大数据集上预训练得到的模型,然后将该模型的权重参数用于特定任务中。本章使用迁移学习方法对Im…

放弃华为OD,选择最合适而不是最难得

时间不知不觉迈入了七月,五月尝试去重新找一份工作,但释放出来的岗位太少了,难得有进华为OD的机会,还是比较核心的部门,但思来想起,还是放弃了。 如果想去,是很有机会的,一路过关斩…

imx6ull/linux应用编程学习(13) CMAKE

什么是cmake? cmake 工具通过解析 CMakeLists.txt 自动帮我们生成 Makefile,可以实现跨平台的编译。cmake 就是用来产生 Makefile 的工具,解析 CMakeLists.txt 自动生成 Makefile: cmake 的使用方法 cmake 就是一个工具命令&am…

怎么将aac文件弄成mp3格式?把aac改成MP3格式的四种方法

怎么将aac文件弄成mp3格式?手头有一些aac格式的音频文件,但由于某些设备或软件不支持这种格式,你希望将它们转换成更为通用的MP3格式。而且音频格式的转换在现在已经是一个常见且必要的操作。aac是一种相对较新的音频编码格式,通常…

大模型增量预训练新技巧-解决灾难性遗忘

大模型增量预训练新技巧-解决灾难性遗忘 机器学习算法与自然语言处理 2024年03月21日 00:02 吉林 以下文章来源于NLP工作站 ,作者刘聪NLP NLP工作站. AIGC前沿知识分享&落地经验总结 转载自 | NLP工作站 作者 | 刘聪NLP 目前不少开源模型在通用领域具有不错…

G1 和 CMS

1、CMS CMS(Concurrent Mark Sweep,并发标记清除,是为了解决早期垃圾收集器在执行垃圾回收时导致应用程序暂停时间过长的问题而设计的。 CMS的工作流程主要包括以下几个阶段: 初始标记(Initial Mark)&…

一体化运维监控平台:赋能各行业用户运维升级

在当今数字化转型的大潮中,企业IT系统的复杂性和规模不断攀升,对运维团队提出了前所未有的挑战。如何高效、精准地监控和管理IT基础设施,确保业务连续性和稳定性,成为所有企业关注的焦点。美信,自2007年成立以来&#…

el-scrollbar实现自动滚动到底部(AI聊天)

目录 项目背景 实现步骤 实现代码 完整示例代码 项目背景 chatGPT聊天消息展示滚动面板,每次用户输入提问内容或者ai进行流式回答时需要不断的滚动到底部确保展示最新的消息。 实现步骤 采用element ui 的el-scrollbar作为聊天消息展示组件。 通过操作dom来实…

端、边、云三级算力网络

目录 端、边、云三级算力网络 NPU Arm架构 OpenStack kubernetes k3s轻量级Kubernetes kubernetes和docker区别 DCI(Data Center Interconnect) SD/WAN TF 端、边、云三级算力网络 算力网络从传统云网融合的角度出发,结合 边缘计算、网络云化以及智能控制的优势,通…

Qt开发 | Qt创建线程 | Qt并发-QtConcurrent

文章目录 一、Qt创建线程的三种方法二、Qt并发:QtConcurrent介绍三、QtConcurrent run参数说明四、获取QtConcurrent的返回值五、C其他线程技术介绍 一、Qt创建线程的三种方法 以下是Qt创建线程的三种方法: 方法一:派生于QThread 派生于QThre…

理解算法复杂度:空间复杂度详解

引言 在计算机科学中,算法复杂度是衡量算法效率的重要指标。时间复杂度和空间复杂度是算法复杂度的两个主要方面。在这篇博客中,我们将深入探讨空间复杂度,了解其定义、常见类型以及如何进行分析。空间复杂度是衡量算法在执行过程中所需内存…