js 可选链运算符(?.)空值合并运算符(??)逻辑空赋值运算符(??=)

文章介绍了JavaScript中的可选链运算符?.,用于安全地访问链式对象属性,即使中间引用为null也不抛出错误。同时讲解了空值合并运算符??和逻辑空赋值运算符??,它们在处理null或undefined值时提供默认值或赋值功能,避免意外行为。
摘要由CSDN通过智能技术生成

可选链运算符?.)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符,不同之处在于,在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给定的函数不存在,则返回 undefined

const obj={
  name:'小明'
}
const age = obj?.age
console.log(age) // undefined

obj中没有age属性,正常情况下会报错,用 ?. 语法会返回 undefined

空值合并运算符??),当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。

逻辑或运算符(||)不同,逻辑或运算符会在左侧操作数为假值时返回右侧操作数。也就是说,如果使用 || 来为某些变量设置默认值,可能会遇到意料之外的行为。比如为假值(例,'' 或 0

const list = null ?? []
console.log(list) // []

逻辑空赋值运算符??=),逻辑空赋值运算符(x ??= y)仅在 x 是空值null 或 undefined)时对其赋值。

var name = '小明'
var age = null
name ??= '张三'
age ??= 20
console.log(name) // 小明
console.log(age)  // 20

  • 9
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值