如何正确运用JavaScript的可选链操作符？

本文共计1116个文字，预计阅读时间需要5分钟。

前言：可选链操作符（.）允许读取位于链接对象链末尾的属性值，而不需要显式验证链中的每个引用是否有效。这意味着，如果链中的某个引用为空（null或undefined），不会引发错误，而是返回undefined。

简述：使用可选链操作符（.）可以安全地访问对象链中的属性，即使链中某些部分为空也不会出错。这在处理可能包含null或undefined的引用时非常有用。

前言

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

当尝试访问可能不存在的对象属性时，可选链操作符将会使表达式根更短、更简明。在探索一个对象的内容时，如果不能确定哪些属性必定存在，可选链操作符也是很有帮助的。

可选链操作符(?.)

语法

obj?.prop obj?.[expr] func?.(args)

描述

通过连接的对象的引用或函数可能是 undefined 或 null 时，可选链操作符提供了一种方法来简化被连接对象的值访问。
比如，思考一个存在嵌套结构的对象 obj。