js中的??,&&,||,?.运算符

1，js中的｜｜ 运算符

运算规则:

总结：真前假后

var sum = false;
console.log(sum || 6) // 6
console.log(sum || true)  // true
console.log(sum || false)  // false

var add = true
console.log(add || 6) // true
console.log(add || false) // true
console.log(add || true) // true

2，js中的 && 运算符

        运算规则：

        总结：假前真后

const sum = true
console.log(sum && false) //false
console.log(sum && 6) //6
console.log(sum && true) // true

const add = false
console.log(add && fasle) //false
console.log(add && 6) // false
console.log(add && true) // false

3, js中的？？空值合并运算符

        运算规则：左侧的值为null或者undefined的时候返回右侧数据

const a = null ?? 17
console.log(a)  // 17


const b = undefined ?? 14
console.log(b)  //14


const c = 10 ?? 12
console.log(c) //10

4,js中?.可选链操作符

        运算规则：1，在引用为空null 或者 undefined 的情况下不会引起错误。

                        2，该表达式短路返回值是 undefined与函数调用一起使用时，如果给定的函数不存在，则返回 undefined            

const fn = {
      name: 'lming',
      say: {
        name: 'gzm'
      }
    };
const dy = fn.sm?.name;
console.log(dy); //输出undefined

  3，可以获取对象上的一个深层次的属性，防止报错

let sub= obj.father && obj.father.children;

可使用?.运算符

let sub= obj.father?.children;