JavaScript 可选链操作符（?.）

JavaScript 可选链操作符（?.）

可选链操作符 ?. 是 JavaScript 提供的一种语法糖，用于安全地访问对象的属性或方法，即使对象不存在或某些属性为 null 或 undefined，也不会抛出错误，而是直接返回 undefined。

---

语法

object?.property
object?.[expression]
object?.method()

• object：要访问的对象。
• property：对象的属性。
• method：对象的方法。
• 如果 object 是 null 或 undefined，则返回 undefined，不会继续尝试访问 property 或调用 method。

---

使用场景

1. 访问嵌套对象的属性：
   • 在传统方式中，访问深层嵌套属性需要手动检查每一级是否存在，避免抛出错误。
   • 使用可选链操作符，可以大大简化这种访问。

示例：

const user = {
   
   
  profile: {
   
   
    name: 'John Doe'
  }
};

// 传统方式
const userName = user && user.profile && user.profile.name;