可选链的使用
可选链事实上并不是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)