如何在TypeScript中使用可选链

在TypeScript中使用可选链操作符?.可以简化访问可能为空的对象的属性或方法的代码。可选链操作符?.会在访问属性或调用方法之前检查对象是否为null或undefined，如果是，则返回undefined，而不会引发运行时错误。

以下是一个示例，演示如何在TypeScript中使用可选链操作符?.：

interface Person {
  name?: string;
  address?: {
    city?: string;
  };
}

const person: Person = {
  name: 'Alice',
  address: {
    city: 'New York',
  }
};

// 使用可选链操作符访问可能为空的属性
const cityName = person.address?.city;
console.log(cityName); // 输出: New York

// 对可能为空的属性进行安全访问
const countryName = person.address?.country;
console.log(countryName); // 输出: undefined

在上面的示例中，我们定义了一个Person接口，包含了可能为空的name和address属性。然后我们创建了一个Person对象person，并通过可选链操作符?.安全地访问了可能为空的address对象的city属性。如果address为空，则cityName将会是undefined，而不会引发运行时错误。

总的来说，在TypeScript中使用可选链操作符?.可以帮助我们编写更加简洁和安全的代码，避免了不必要的运行时错误。