可选链、空值合并运算符、空值赋值运算符的理解

可选链（?.）

如果一个值为null、或者是undefined.那么我们再去用点操作符去调用一个方法或者访问一个属性会报错

let obj = { name:"张三",age:18 }
console.log(obj.arr.a);

 其实这种情况就相当于直接在undefined上面访问name属性.undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的.那么在一个变量可能为null、或者undefined的时候,恰巧我又需要访问这个变量的一个属性,那我们应该这样做

let obj = {name:"张三",age:18}
console.log(obj.arr?.a); // undefined
// 也可以链式调用
console.log(obj.arr?.a?.b); // undefined

只有当arr存在的时候才会去访问它的a属性,后面可以无限接龙下去,不论有多少属性,只要有最后可以访问到属性,就会输出最终的结果,否则,就输出undefined.

空值合并运算符(??)

let obj = {name:"张三",age:18}
console.log(obj.arr?.a ?? []); // []

这里就是当arr数组不存在,然后在访问一个不存在的属性给他赋值一个空数组,这样就不会报错了,不会影响其他的代码执行

空值赋值运算符(??=)

let b = '你好';
let a = 0
let c = null;
let d = ’123‘
b ??= a;  // b = “你好”
c ??= d  // c = '123'

当??=左侧的值为null、undefined的时候,才会将右侧变量的值赋值给左侧变量.其他所有值都不会进行赋值.同样在一些场景下,可以省略很多代码.