可选链操作符
可选链操作符是一种新的JavaScript特性，它可以简化对象属性访问的过程。它允许我们在一个链式调用中访问多个属性，而不用担心其中任何一个属性不存在时会抛出异常。
使用方法
使用可选链操作符，我们可以使用一个连字符（?）来访问对象的属性，如果属性不存在，则不会抛出错误，而是返回undefined：

const user = {
  name: 'John',
  age: 25,
};

const name = user?.name; // 'John'
const address = user?.address; // undefined

可选链操作符还可以用来访问嵌套对象的属性：

const user = {
  name: 'John',
  age: 25,
  address: {
    street: 'Main Street',
    city: 'New York',
  },
};

const street = user?.address?.street; // 'Main Street'
const country = user?.address?.country; // undefined

我们还可以使用可选链操作符来调用对象的方法：

const user = {
  name: 'John',
  age: 25,
  sayHi() {
    console.log(`Hi, my name is ${this.name}`);
  },
};

user?.sayHi(); // Hi, my name is John

我们可以使用可选链操作符来访问数组元素：

const users = [
  {
    name: 'John',
    age: 25,
  },
  {
    name: 'Jane',
    age: 22,
  },
];

const john = users?.[0]?.name; // 'John'
const jane = users?.[1]?.name; // 'Jane'
const bob = users?.[2]?.name; // undefined

可选链操作符是一种简化JavaScript中对象属性访问的新特性，它可以帮助我们更简单地访问对象、数组和函数，而不用担心出现异常。