浅谈关于 && , || , ? : , ?? , ?. 的运算方式以及用法

首先我们要了解 false，null，undefined，空字符串 即 “”，0， NaN 都会被判为空

&&  ”与 “，两边条件都为true时,结果才为true

let a = 0;
let b = 1;
let c = a && '666'; //返回0
let d = b && '666'; //返回666

//&&左侧是true则返回右侧数据,是false返回左侧

||  ”或 “，两边条件有一个为true时,结果就为true

let a = 0;
let b = 1;
let c = a || '666'; //返回0
let d = b || '666'; //返回666

//||左侧是true则返回左侧数据,是false返回右侧

? :  ”三目运算符“，等同于if(){}else{}

let a = 0;
let b = 1;
let c = a ? '666' : '777'; //返回'777'
let d = b ? '666' : '777'; //返回'666'

if(a){
  let c = '666'
}else{
  let c = '777'
}

//三目运算符可以代替简单的if else

??  ”空值合并操作符“，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数

let a = null;
let b = undefined ;
let c = a ?? '666'; //返回'666'
let d = b ?? '666'; //返回'666'
let e = 0 ?? '666'; //返回 0

//当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数

?.  ”可选链操作符“，允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。在引用 null 或者 undefined 的情况下不会引起错误

let a = { b:'666'};
let c = a.b; //返回'666'
let d = a.c; //返回 undefined
let e = a.c.e; //报错

let f = a?.c?.e; //返回 undefined

//允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。在引用 null 或者 undefined 的情况下不会引起错误