JS中?.、??、??=的含义以及用法

可选链?.

//有这个值就
读这个值，没有这个值也不会报错
obj?.data?.person?.name

空值合并运算符??

//?? 前面出现null ,undefined值的时候会默认 ?? 后边的值（类似于三木运算符中的:后面赋值）
let obj = {age: 0, name: '', sex: null};
obj.age ?? '111'; // 0
obj.name ?? '111'; // ''
obj.sex ?? '111'; // 111
obj.addr ?? '111'; // 111

空值赋值运算符??=

//当??=左侧的值为null、undefined的时候，会将右侧的值赋值给左侧变量 (与??区别在于对原变量赋值)
let obj = {age: 0, name: '', sex: null, addr: undefined};
obj.age ??= '111';     // 0
obj.name ??= '111';     // ''
obj.sex ??= '111';     // 111
obj.addr ??= '111' ;     // 111