前置知识:
在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' );
标签:操作数,false,运算,JavaScript,alert,运算符,&&,true
From: https://www.cnblogs.com/jiangyile/p/17084316.html