typescript条件判断变量后加一个问号再加一个点是什么意思

在TypeScript中，可以使用可选链操作符（?.）来进行条件判断和访问可选属性。当一个变量后面加上问号和点（?.）时，它表示如果该变量存在并且不为null或undefined，则可以继续访问它的属性或方法。

下面是一个示例：

interface Person {
  name?: string;
  age?: number;
}

const person: Person = {
  name: "Alice",
  age: 25
};

console.log(person?.name); // 输出：Alice
console.log(person?.age); // 输出：25

const emptyPerson: Person = {};

console.log(emptyPerson?.name); // 输出：undefined
console.log(emptyPerson?.age); // 输出：undefined

在上面的示例中，我们定义了一个Person接口，其中的name和age属性都是可选的。然后创建了一个person对象，它包含了name和age属性。通过使用可选链操作符?.，我们可以安全地访问这些可选属性，即使它们的值为undefined或对象本身不存在。

另外，在使用可选链操作符时，如果某个属性不存在，它会返回undefined，而不会抛出错误。这样可以避免因为属性不存在而导致的运行时错误。