可选链操作符

可选链操作符( ?. ) 允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用一起使用时，如果给定的函数不存在，则返回 undefined。
就是代码运行时如果遇到 null 或 undefined 就可以⽴即停⽌某些表达式的运⾏，直接返回undefined

const obj = {
  foo: {
    bar: {
      baz: 42,
    },
  },
};

const baz = obj?.foo?.bar?.baz; // 42
const safe = obj?.qux?.baz; // undefined

支持如下语法

obj?.prop    // 尝试访问可能不存在的属性
obj?.[exp]   // 同上，计算属性写法
arr?.[index] // 尝试访问可能不存在的索引
func?.[args] // 尝试调用可能不存在的方法

可选属性（?:）

在⾯向对象语⾔中，接⼝是⼀个很重要的概念，它是对⾏为的抽象，⽽具体如何⾏动需要由类去实现。TypeScript 中的接⼝是⼀个⾮常灵活的概念，除了可⽤于对类的⼀部分⾏为进⾏抽象以外，也常⽤于对「对象的形状（Shape）」进⾏描述。

在 TypeScript 中使⽤ interface 关键字就可以声明⼀个接⼝：

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

let nordon: Person = {
    name: "nordon"
};

若是缺少参数将会报错，此时就需要使用可选属性

interface Person {
    name: string;
    age?: number; //告诉编译器 age 它不重要一个可有可无的存在，不用报错了！
}