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

本文主要是介绍js 可选链运算符（?.）空值合并运算符（??）逻辑空赋值运算符（??=），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

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

这篇关于js 可选链运算符（?.）空值合并运算符（??）逻辑空赋值运算符（??=）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---