在 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。

相关推荐
charlie1145141919 分钟前
C++ STL CookBook
开发语言·c++·stl·c++20
袁袁袁袁满9 分钟前
100天精通Python(爬虫篇)——第113天:‌爬虫基础模块之urllib详细教程大全
开发语言·爬虫·python·网络爬虫·爬虫实战·urllib·urllib模块教程
还是大剑师兰特15 分钟前
什么是尾调用,使用尾调用有什么好处?
javascript·大剑师·尾调用
ELI_He99916 分钟前
PHP中替换某个包或某个类
开发语言·php
m0_7482361123 分钟前
Calcite Web 项目常见问题解决方案
开发语言·前端·rust
倔强的石头10631 分钟前
【C++指南】类和对象(九):内部类
开发语言·c++
Watermelo61736 分钟前
详解js柯里化原理及用法,探究柯里化在Redux Selector 的场景模拟、构建复杂的数据流管道、优化深度嵌套函数中的精妙应用
开发语言·前端·javascript·算法·数据挖掘·数据分析·ecmascript
半盏茶香2 小时前
在21世纪的我用C语言探寻世界本质 ——编译和链接(编译环境和运行环境)
c语言·开发语言·c++·算法
Evand J3 小时前
LOS/NLOS环境建模与三维TOA定位,MATLAB仿真程序,可自定义锚点数量和轨迹点长度
开发语言·matlab
LucianaiB3 小时前
探索CSDN博客数据:使用Python爬虫技术
开发语言·爬虫·python