JavaScript逻辑运算符：与（&&）和或（||）

前置知识：
在javascript的逻辑运算中，0、""、null、undefined和NaN都会判定为false，其它都为true

或 ||

用于判断

运算的操作数可以是任意类型的值。操作数是布尔值时，除了两个操作数都是 false 的情况，结果都是 true：

alert( true || true );   // true
alert( false || true );  // true
alert( true || false );  // true
alert( false || false ); // false

操作数不是布尔值时，会被转化为布尔值来参与运算：

if (1 || 0) { // 相当于 if( true || false )
  alert( 'truthy!' );
}

let hour = 12;
let isWeekend = true;

if (hour < 10 || hour > 18 || isWeekend) {
  alert( 'The office is closed.' ); // 是周末
}

用于赋值

一个或运算 || 的链，将返回第一个真值，如果不存在真值，就返回该链的最后一个值

let firstName = "";
let lastName = "";
let nickName = "SuperCoder";

alert( firstName || lastName || nickName || "Anonymous"); // SuperCoder

与 &&

用于判断

alert( true && true );   // true
alert( false && true );  // false
alert( true && false );  // false
alert( false && false ); // false

用于赋值

一个与运算 && 的链，将返回第一个假值，如果不存在假值，就返回该链的最后一个值

alert( 1 && 0 ); // 0
alert( 1 && 5 ); // 5
alert( null && 5 ); // null
alert( 1 && 2 && null && 3 ); // null
alert( 1 && 2 && 3 ); // 3

|| 和 && 的短路求值

作为这两个操作符的一个重要特性，短路求值，是指它们进行求值时，只要最终的结果已经可以确定是真或假，求值过程便告终止：

nickName = nickName || firstName;

上式中，||先计算第一个运算数，如果可以被转换成true，也就是表示nickName已经存在有值，那么返回左边这个表达式的值，不会再计算第二个运算数firstName
如果操作数是一个表达式，例如变量赋值或函数调用，那么这一特性就变得显而易见了：

true || alert("not printed"); // 不运行alert
false || alert("printed"); // 运行alert
alert( alert(1) || 2 || alert(3) ); // 先显示1，后显示2

最后一个表达式中，第一个或运算 || 对它的左值 alert(1) 进行了计算。因此会显示 1。同时对 alert 的调用没有返回值，或者说返回的是 undefined，因此第一个或运算 ||继续检查第二个操作数以寻找真值，第二个操作数 2 是真值，所以执行就中断了。运算不会抵达 alert(3)

下面这行看着有些奇怪的语句实际上也是利用了短路求值的特性：

let x = 1;
(x > 0) && alert( 'Greater than zero!' ); 

第二行语句与if (x > 0) alert( 'Greater than zero!' );是一个意思，但相比于if语句，程序的可读性更差，所以最好别这样过度使用，如果我们想要 if，就使用 if；如果我们想要逻辑与，就使用 &&

总结

• 或运算||返回第一个真值，如果没有真值就返回最后一个值
• 与运算&&返回第一个假值，如果没有假值就返回最后一个值

思考

if (-1 || 0) alert( 'first' );
if (-1 && 0) alert( 'second' );
if (null || -1 && 1) alert( 'third' );