前言
当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。
提示：以下是本篇文章正文内容，下面案例可供参考
一、( ?. )是什么？
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
二、使用步骤
1.简化代码前
代码如下（示例）：
let result = {
newUsers:[{value:1}]
activeUsers:[{value:1}]
lunchtimes:[{value:1}]
}
statisticalData = {
newUsers: result.newUsers.length ? result.newUsers[0].value : 0,
activeUsers: result.activeUsers.length ? result.activeUsers[0].value : 0,
lunchtimes: result.lunchtimes.length ? result.lunchtimes[0].value : 0
};
2.简化代码后
代码如下（示例）：
statisticalData = {
newUsers: result.newUsers[0]?.value ,
activeUsers: result.activeUsers[0]?.value ,
lunchtimes:result.lunchtimes[0]?.value
};
总结
通过连接的对象的引用或函数可能是 undefined 或 null 时，可选链操作符提供了一种方法来简化被连接对象的值访问。可选链操作符将会使表达式更短、更简明。
官方文档 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining
|