JavaScript中可选链操作符（?.）

?. 运算符

?.（可选链操作符）是一个 JavaScript 运算符，用于安全地访问嵌套的属性并防止错误。如果对象属性或方法存在，它将返回该值；否则，它将返回 undefined。

语法：

object?.property

用法：

可选链操作符通常用于处理可能为 null 或 undefined 的嵌套数据结构。例如：

const user = {
  name: "John",
  address: {
    street: "Main Street"
  }
};

console.log(user.address?.street); // "Main Street"

在上面的示例中，address 属性可能存在或不存在。如果它存在，我们会访问 street 属性并输出它的值。如果 address 不存在，可选链操作符将返回 undefined，避免了引用错误。

优点

使用 ?. 运算符有以下优点：

• 防止错误：它可以防止引用错误，因为如果属性不存在，它会返回 undefined。
• 提高代码可读性：它消除了条件语句和 try...catch 块，使得代码更易于阅读。
• 便于与其他运算符结合使用：它可以与其他运算符（如三元运算符和逻辑运算符）结合使用，创建更复杂的条件语句。

局限性

值得注意的是，?. 运算符仍然存在一些局限性：

• 它不能用于访问数组元素。
• 它不能用于赋值。
• 在某些情况下，它可能比条件语句或 try...catch 块效率较低。