js问号的使用

问号点（?.）

let obj: {
  name: "末晨曦吖",
}

console.log(this.obj.age, "年龄");        //undefined
console.log(this.obj.hobby, "爱好");      //undefined

console.log(this.obj.age.data, "年龄");   //报错
console.log(this.obj.hobby.data, "爱好"); //报错

//this.obj.age?.data  === this.obj.age && this.obj.age.data

console.log(this.obj.age?.data, "年龄"); //undefined
console.log(this.obj.hobby.hobbydata, "爱好"); //报错

?.作用总结：

作用就是判断这个对象（this.obj）下的（age）下的（data）是否为null或者undefined，当其中一链为null或者undefined时就返回undefined，这样即使中间缺少一个属性也不会报错。

问号问号（??）

console.log(1 || "xx") 			//1
console.log(0 || "xx") 			//xx
console.log(null || "xx")		//xx
console.log(undefined || "xx")  //xx
console.log(-1 || "xx") 		//-1
console.log("" || "xx") 		//xx

console.log(1 ?? "xx")			//1
console.log(0 ?? "xx") 			//0
console.log(null ?? "xx") 		//xx
console.log(undefined ?? "xx")  //xx
console.log(-1 ?? "xx") 		//-1
console.log("" ?? "xx") 		//''

??作用总结：

使用方式就是与 或（||）相同用法，但是要注意的是??忽略0和空字符串等错误的值

?. 与 ？？联合使用

let obj ={}
console.log(obj?.a?.b ?? 233 ) //233

let obj={a:{b:1}}
console.log(obj?.a?.b??233) //1