ts中的特殊符号 ?. ?: 等代表的含义与使用

前言：

        ts相比较js来说，是比较严格的，他中间新增了很多可选链符号，比如：?. ?: !.

1、?:     是指可选参数，定义对象属性时候，或者参数接收时可用

注：如果没有属性，则表示  undefined

项目中具体使用：

 vue3中使用：

const {icon,size }= defineProps<{  // 通过 TS的泛型  定义接收的数据类型
    icon:any,
    size?:number|string, // size 可选参数，类型为 字符串或数值
}>()

2、?.    意思基本和 && 是一样的，如果用在对象的属性里面的话，表示对象和对象里属性都需要

比如：a?.b 相当于 a && a.b ? a.b : undefined

项目中具体使用：

//等同于  config.interceptors