可选链运算符(?.
)允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?.
运算符的功能类似于 .
链式运算符,不同之处在于,在引用为空 (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