javascript中可选链操作符（?.）可安全调用可能为null或undefined的对象方法，如obj?.method?.()，任一环节为空则返回undefined；常用于异步数据、dom操作及可选配置；可与??配合提供默认值，但不适用于new调用或假值判断。
JavaScript 中可以使用可选链操作符（?.）配合函数调用，安全地执行可能为 null 或 undefined 的对象上的方法，避免运行时错误。
基本语法：?. 后接括号调用
当不确定某个对象是否存在、或其方法是否定义时，直接写 obj.method() 会报错（如 Cannot read property 'method' of null）。用可选链可跳过整个调用链中任意一环的失败：
-
obj?.method?.()：先检查obj是否存在，再检查obj.method是否是函数（且不为null/undefined），最后才执行调用 - 如果任一环节为
null或undefined，整个表达式立即返回undefined，不抛错 - 注意：
?.必须紧挨在调用目标前，不能写成obj?.method()?（语法错误）
常见适用场景
以下情况特别适合用 ?. 调用函数：
-
异步数据未就绪时调用响应方法：例如
user?.profile?.getDisplayName?.()，其中user或profile可能还在加载中 -
DOM 元素可能不存在时触发方法：比如
document.getElementById('btn')?.click?.()，避免因元素未挂载而报错 -
配置对象中方法可选：如
config?.onSuccess?.(data)，只在配置提供了该回调时执行
与空值合并操作符 ?? 配合使用
可选链返回 undefined 时，可用 ?? 提供默认值或兜底行为：
-
user?.getName?.() ?? 'Anonymous'：若user为空或getName不存在/非函数，结果为'Anonymous' -
api?.fetchData?.() ?? Promise.resolve([])：确保返回一个 Promise，便于后续.then
注意事项和限制
可选链调用不是万能的，需注意几点：
- 仅对
null和undefined短路，对其他假值（如false、0、''）仍会尝试调用 - 不能用于构造函数调用（
new Constructor?.()语法错误），也不能用于模板字面量中的动态属性访问（如obj?.[key]?.()是合法的，但需确保key本身有值） - 链中若有 getter 方法，
?.会正常触发 getter，但若 getter 返回undefined，后续的?.仍会短路
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
