可选链操作符(?.)用于安全访问嵌套属性,遇 null/undefined 返回 undefined 而不报错;支持属性访问、数组索引、函数调用和动态属性;常与 ?? 搭配提供默认值;不可用于赋值或 delete 等语句。

可选链操作符(?.)是 JavaScript 中用于安全访问嵌套对象属性的语法,它能避免因中间某个属性为 null 或 undefined 而抛出错误。
传统写法需要层层判断:
❌ 不安全写法user.address.street.name —— 一旦 user、address 或 street 是 undefined,就报错。
✅ 用可选链替代user?.address?.street?.name —— 某一环为 null 或 undefined,整个表达式直接返回 undefined,不继续执行后续访问。
可选链不仅适用于点号访问,还支持:
obj?.prop
arr?.[index]
func?.(args)(只在 func 存在且为函数时执行)obj?.[key]
可选链返回 undefined 时,常和 ?? 搭配提供默认值:
立即学习“Java免费学习笔记(深入)”;
const city = user?.address?.city ?? '未知城市';
这样既安全,又简洁,不用写三元或逻辑或(||)——后者对假值(如 ''、0)也会触发默认值,而 ?? 只在 null / undefined 时生效。
以下写法是无效或容易误解的:
obj?.a.b:只有 obj?.a 受保护,b 不受保护(除非写成 obj?.a?.b)obj?.[key].value:同理,应写成 obj?.[key]?.value
obj?.a = 123 会报语法错误delete obj?.a 或 for...in obj?.a 等语句基本上就这些。可选链让深层取值变得直观又健壮,配合 ?? 几乎覆盖了日常中 90% 的安全访问场景。
以上就是什么是可选链操作符_javascript中如何安全访问属性?的详细内容,更多请关注php中文网其它相关文章!
java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号