可选链操作符（?.）提供了一种安全访问嵌套属性的方式，能避免因对象节点为NULL或undefined导致的错误；例如user?.address?.city在address不存在时返回undefined而非报错；它支持属性访问obj?.prop、动态键名obj?.[expr]和函数调用func?.(args)，常用于深层对象或API数据处理；相比传统多层判断如user && user.address && user.address.city，可选链更简洁清晰；使用时需注意仅用于读取不可赋值，且不捕获非null/undefined的异常；现代环境广泛支持，但需通过Babel兼容旧版浏览器。
javaScript 可选链操作符（?.）是一种简洁、安全的属性访问方式，能有效避免在访问嵌套对象属性时因中间节点为 null 或 undefined 而导致的运行时错误。
可选链的基本用法
使用 ?. 操作符可以在不确定对象或其属性是否存在时安全地读取值。如果链中任意一环是 null 或 undefined，表达式会立即返回 undefined，而不会抛出错误。
-
obj?.prop— 如果 obj 存在，则返回 obj.prop，否则返回 undefined -
obj?.[expr]— 可选的属性访问，适用于动态键名 -
func?.(args)— 可选调用函数，仅在 func 存在时执行
例如：
const user = { name: 'Alice', address: { city: 'Beijing' } }; console.log(user.address?.city); // 输出: Beijing console.log(user.phone?.home); // 输出: undefined，无错误
深层嵌套对象的安全访问
在处理 API 返回数据等场景中，对象结构可能较深且某些层级可能缺失。可选链极大简化了判断逻辑。
传统写法需要多层判断：
const city = user && user.address && user.address.city;
使用可选链后更清晰：
const city = user?.address?.city;
可选链与函数调用
当调用一个可能不存在的函数时，使用 ?. 可避免 TypeError。
立即学习“Java免费学习笔记（深入）”；
const result = someObject?.someMethod?.();
这行代码会先检查 someObject 是否存在，再检查 someMethod 是否为函数，只有都满足才调用。常见于回调函数或插件机制中。
注意事项和兼容性
可选链操作符在现代浏览器和 node.js 环境中广泛支持，但旧版本（如 IE）不支持。若需兼容，应配合 Babel 等工具进行编译。
- 只能用于安全读取，不能用于赋值（如
obj?.prop = value是语法错误） - 不会捕获其他类型的异常，仅针对
null/undefined安全访问 - 短路特性：一旦某步为
null或undefined，后续不再执行
基本上就这些。合理使用可选链能让代码更简洁、健壮，减少防御性判断的冗余代码。