TypeScript中?.、??与??=运算符详解

let obj = { foo: { bar: 42 } };
let value = obj?.foo?.bar; // 如果 obj 或 obj.foo 或 obj.foo.bar 为 null 或 undefined，value 将为 undefined，否则为 42

let x = null;
let y = x ?? 5; // 如果 x 为 null 或 undefined，y 将为 5，否则为 x 的值

let x = null;
x ??= 5; // 如果 x 为 null 或 undefined，将把 5 赋给 x

let a:any;
let b = '1111';
let c = null;
let d:any = 0;
let e;
e ??= a?.b ?? c ?? d?.a ?? b;

a?.b：这是可选链运算符 ?. 的使用，它尝试访问变量 a 的属性 b。如果 a 为 null 或 undefined，则表达式返回 undefined。
a?.b ?? c：这是空值合并运算符 ?? 的使用，它判断左侧操作数 a?.b 是否为 null 或 undefined。如果是，则返回右侧操作数 c 的值。否则，返回左侧操作数 a?.b 的值。
a?.b ?? c ?? d?.a：继续使用空值合并运算符 ??，判断前一个表达式的结果 a?.b ?? c 是否为 null 或 undefined。如果是，则返回右侧操作数 d?.a 的值。否则，返回前一个表达式的结果。
a?.b ?? c ?? d?.a ?? b：再次使用空值合并运算符 ??，判断前一个表达式的结果 a?.b ?? c ?? d?.a 是否为 null 或 undefined。如果是，则返回右侧操作数 b 的值。否则，返回前一个表达式的结果。
根据上述表达式的逻辑，以下是对应的执行过程：

a 的值为 undefined。
a?.b 的结果为 undefined。
a?.b ?? c 的结果为 null，因为左侧操作数为 undefined，右侧操作数为 null。
a?.b ?? c ?? d?.a 的结果为 0，因为左侧操作数为 null，右侧操作数为 d?.a，而 d 的值为 0。
a?.b ?? c ?? d?.a ?? b 的结果为 '1111'，因为左侧操作数为 0，右侧操作数为 '1111'。
最终，变量 e 的值被赋为 '1111'。