可选链的使用

可选链的使用

可选链事实上并不是TypeScript独有的特性，它是ES11 ( ES2020)中增加的特性︰

• 可选链使用可选链操作符?. ；
• 它的作用是当对象的属性不存在时，会短路，直接返回undefined，如果存在，那么才会继续执行；
• 虽然可选链操作是ECMAScript提出的特性，但是和TypeScript一起使用更版本；

示例：

type Person = {
  name: string;
  friend?: {
    name: string;
    age?: number;
  };
};

const info:Person = {
    name:'why',
    friend:{
        name:'kobe'
    }
}

console.log(info.name)
console.log(info.friend?.name)