可选链操作符（?.）用于安全访问嵌套属性或调用方法，遇 null/undefined 时返回 undefined 而非报错；支持属性访问、方法调用、数组索引，常与 ?? 结合提供默认值，但不可用于赋值或 delete。
可选链操作符（?.）是 JavaScript 中用于安全访问嵌套对象属性或调用方法的语法，它会在遇到 null 或 undefined 时立即停止访问，并返回 undefined，而不是抛出错误。
什么时候需要可选链
当你不确定某个对象是否存在，或者它的某一层属性是否为 null/undefined 时，传统写法容易报错：
// 没有可选链，可能报错user.address.street.toUpperCase(); // TypeError: Cannot read property 'street' of undefined
可选链让这类访问更健壮、代码更简洁。
基本用法：访问属性和方法
可选链支持三种常见场景：
立即学习“Java免费学习笔记（深入）”；
属性访问：obj?.prop —— 如果 obj 是 null 或 undefined，返回 undefined，不继续读取 prop 方法调用：obj?.method() —— 如果 obj.method 不存在或 obj 为空，不执行调用，返回 undefined 数组索引：arr?.[index] —— 如果 arr 无效，跳过索引访问
配合空值合并操作符（??）更实用
可选链常和 ?? 搭配使用，提供默认值：
const city = user?.address?.city ?? '未知城市';
这样即使 user 或 address 为 null，也不会报错，还能兜底。
注意点和限制
可选链不能用在赋值左侧（如 obj?.prop = value 会报错），也不能用于删除属性（delete obj?.prop 不合法）。它只适用于读取操作。
另外，可选链不会阻止其他类型的错误，比如访问一个非对象的原始值：42?.toString() 是允许的（因为数字有包装对象），但 null?.toString() 会返回 undefined，不报错。
基本上就这些。
以上就是Javascript中的可选链操作符是什么？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1543476.html
微信扫一扫 
支付宝扫一扫 
