【JS知识点总结】JS 可选链操作符 (?.)

目录

一、什么是可选链操作符？

二、常见使用场景

1. 安全访问嵌套对象属性（最常用）

2. 给不存在的值设置默认值

3. 安全调用可能不存在的方法

三、它能处理什么情况？

需要注意的小坑

在前端开发中，你肯定遇到过这种令人崩溃的错误：

TypeError: Cannot read properties of undefined (reading 'name')

这通常是因为我们访问了一个不存在的嵌套属性。为了解决它，我们往往要写一长串的 if 判断。

可选链操作符 (?.)它不仅能帮你消灭这种报错，还能让代码变得极其清爽。

一、什么是可选链操作符？

简单来说，可选链操作符写作 (?.)它的作用只有一个：在访问对象属性时，如果中间的某一步不存在（是 null 或 undefined），它就立刻停止，并返回 undefined，而不是报错。

// 假设有一个用户对象，但是里面没有 address 数据 const user = { name: "张三", age: