欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 金融 > 空值合并运算符(??) 可选链操作符(?.)

空值合并运算符(??) 可选链操作符(?.)

2025/5/16 8:40:31 来源:https://blog.csdn.net/gklcsdn/article/details/143304095  浏览:    关键词:空值合并运算符(??) 可选链操作符(?.)

空值合并运算符

语法
leftExpr ?? rightExpr
用法
leftExpr:要检查的表达式。
如果 `leftExpr` 是 `null` 或 `undefined` 时返回`rightExpr`。
否则返回本身。
示例
let foo = null;
let bar = "default string";
console.log(foo ?? bar); // 输出: "default string"foo = "";
console.log(foo ?? bar); // 输出: ""

在这个例子中,只有当 foonullundefined 时,bar 的值才会被使用。如果 foo 是其他任何假值(如空字符串、0、NaN、false),foo 的值仍然会被返回。

|| 运算符的区别

|| 运算符(逻辑或)针对所有假值(包括 0""NaNfalse),而 ?? 运算符只针对 nullundefined

可选链操作符

在JavaScript中,?. 是一个可选链(Optional Chaining)操作符。它允许你安全地访问深层次的嵌套对象属性,而不必显式地验证链中的每一环是否有效。如果尝试访问的属性不存在或其值为 null/undefined,则表达式短路返回 undefined,而不是抛出一个错误。

语法

obj?.prop
  • obj?.prop:尝试访问 obj 对象的 prop 属性。如果 objnullundefined,则不会尝试访问 prop,而是直接返回 undefined

示例

const person = {name: "Alice",address: {street: "123 Main St",city: "Wonderland"}
};// 使用可选链访问嵌套属性
console.log(person.address?.city); // 输出: "Wonderland"
console.log(person.contact?.email); // 输出: undefined,因为 contact 属性不存在

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词