?.可选链操作符( ?. ) 可选链运算符可防止抛出 TypeError: Cannot read property ’xxx' of undefined。

可选链操作符( ?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。

以上引自：MDN官方文档。到2020年11月，可选链提案已经进入第四阶段。

翻译成白话就是：在以前使用&&场景时可成替换?.语义更加清晰明了，代码也更加优雅。

使用场景：对象、数组函数调用中使用(短路：遇到 null/undefined 停止)。

示例：

const obj = {
      name:{
            firstName:'liao'
      }
}
// 读取obj.name.firstName
// 以前：
obj.name &&  obj.name.firstName

// 现在：
obj.name?.firstName

--------------------------

// 数组中使用
 movie.actors?.[0]?.name

// 函数调用
let result = someInterface.customMethod?.();

注意: 如果存在一个属性名且不是函数, 使用 ?. 仍然会产生一个 TypeError 异常 (x.y is not a function).
注意: 如果 someInterface 自身是 null 或者 undefined ，异常 TypeError 仍会被抛出 someInterface is null 如果你希望允许 someInterface 也为 null 或者 undefined ，那么你需要像这样写 someInterface?.customMethod?.()

通过使用 ?. 操作符取代 . 操作符，JavaScript 会在尝试访问 obj.name.firstName之前，先隐式地检查并确定 obj.name既不是 null 也不是 undefined。如果obj.name是 null 或者 undefined，表达式将会短路计算直接返回 undefined。