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

?. 运算符

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

语法

<code>object?.property</code>

用法

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

<code class="javascript">const user = {
  name: "John",
  address: {
    street: "Main Street"
  }
};

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

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

优点

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

防止错误：它可以防止引用错误，因为如果属性不存在，它会返回 。

提高代码可读性：它消除了条件语句和 块，使得代码更易于阅读。

便于与其他运算符结合使用：它可以与其他运算符（如三元运算符和逻辑运算符）结合使用，创建更复杂的条件语句。

局限性

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

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