运算符

"" , false , 0 , null , undefined , NaN 当条件为这些值的时候返回 false

位运算 ! !!

! 的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值，！可将变量转换成boolean类型，0,null、undefined和空字符串取反都为true，其余都为false。

!false // true

位运算符：& 和 |

& 运算方法：同 1 则 1 | 运算方法：同 0 则 0

33 & 2 // 结果为 0

33 | 2 // 结果为 35
100000
000010
// 理由：33的二进制为100000，2的二进制为10 
// 100000
// 000010
// | 同0为0  100010 & 同1为1 000000

“!!” ——两个叹号表示把目标值转化为布尔值，相当于使用Boolean()方法

逻辑运算符：&& 和 ||

进行布尔值的且和或的运算。当运算到某一个变量就得出最终结果之后，就返回哪个变量。

a || b：如果a是true，那么b不管是true还是false，都返回true。因此不用判断b了，这个时候刚好判断到a，因此返回a。

如果a是false，那么就要判断b，如果b是true，那么返回true，如果b是false，返回false，其实不就是返回b了吗。

a && b：如果a是false，那么b不管是true还是false，都返回false，因此不用判断b了，这个时候刚好判断到a，因此返回a。

如果a是true，那么就要在判断b，和刚刚一样，不管b是true是false，都返回b。

alert(0 || 10) // 10
alert(0 && 10) // 0

let test=1;
console.log(true && test++ || true) // 1
console.log(test)  // 2

// true && test++ 等价于
if (true ) {
    test++
}

1. && 优先于 || 运算
2. ||和&&都是遵行短路原则，只要确定符号前面的真假，既可确定返回值。

ES6 运算符

?? 非空运算符

?? 运算符 如果第一个参数不是 null/undefined，将返回第一个参数，否则返回第二个参数。

0 ?? 5    //  0
NaN ?? 5   //  NaN
"" ?? 5     //  ""
false ?? 5   //  false 
null ?? 5   //  5
undefined ?? 5   //  5

?. 链判断运算符

?. 允许开发人员读取深度嵌套在对象链中的属性值，而不必验证每个引用。当引用为空时，表达式停止计算并返回 undefined。

let travelPlans = {
  destination: 'DC',
  monday: {
    location: 'National Mall',
    budget: 200,
    host: null
  }
}
let res = travelPlans?.tuesday?.location ?? "locahost";   // => locahost
//  等价于 if(travelPlans && travelPlans.tuesday && travelPlans.tuesday.location){travelPlans.tuesday.location}else{"locahost"}
let res2 = travelPlans?.host; // => undefined