js问号点(可选链操作符) ?.、零合并操作符 ??

可选链操作符 ?.

一般我们在项目中要获取某个对象里的属性，或者更加深属性层次的操作就得做前置校验，不然如果中间某个属性不存在就会报错

const obj ={
          
   
    name:JSON,
    age:55,
    children:{
          
   
        name:TOM,
        age:12,
    },
    cars:{
          
   

    }
}
const name = obj && obj.children && obj.children.name
const cars = obj && obj.cars && obj.cars.name
console.log(name);//TOM
console.log(cars); //undefined

使用可选链操作符?.会让代码简洁优雅很多,可以连续使用可选链读取多层嵌套结构：

const name = obj ?. children ?. name
const car = this.obj?.cars?.name 
console.log(name);//TOM
console.log(car); // undefined

注意💫:可选链只能用于访问属性，不能用来赋值。

let object = {
          
   };
object?.property = 1;

零合并操作符 ??

零合并操作符 ?? 是一个逻辑操作符，当左侧的操作数为 null 或者 undefined 时，返回右侧操作数，否则返回左侧操作数

如果我们在某情况下使用一些0,NaN,null以及undefined作为特定的有效值的时候，||逻辑运算符就会将其强制转换为Boolean值，不给予返回数值，但是我们又需要这些值被返回，则我们会选择??零合并操作符；

只会在左侧为 undefined、null 时才返回后者

const funX = (val) => {
          
   
    return val ?? default
}
console.log(funX(undefined)); //default
console.log(funX(null));//default
console.log(funX(false));//false
console.log(funX(0));//0

参考如下：