js中的短路运算符

Posted 2022-12-15 Freeguy88

最近看到一个360面试题,题目如下:

      下面代码的输出值是？

   alert(1&&2);

  正确的结果是 2.


1.后来仔细研究了一下JS逻辑运算的相关内容,在MDN上面找到相应描述:

下面是逻辑运算符的说明:

运算符	示例	说明
逻辑与 (&&)	expr1&&expr2	如果expr1 能转换成false则返回expr1,否则返回expr2. 因此, 在Boolean环境中使用时, 两个操作结果都为true时返回true,否则返回false.
逻辑或 (||)	expr1||expr2	如果expr1能转换成true则返回expr1,否则返回expr2. 因此,在boolean环境(在if的条件判断中)中使用时, 二者操作结果中只要有一个为true,返回true;二者操作结果都为false时返回false.
逻辑非(!)	!expr	如果单个表达式能转换为true的话返回false,否则返回true.

能够转换为false的表达式有:false,""(空字符串),0和NaN,null,undefined.

能够转化为true的值为:true,任何非空字符串，任何非零数字值(包括无穷大),任何对象

以上规则已经再次确认，摘自"javascript高级程序设计(第3版)"这本书

 

也就是说在面试题中,第一个值为1,类型是number,该值没有办法转化为false,于是返回第二个值也就是2,这样就可以理解了.

 

2. 另外JS逻辑计算还有一个短路计算原则,MDN描述如下:

由于逻辑表达式的运算的顺序是从左到右,也可以用以下规则进行"短路"计算:

• false && (anything)  短路计算的结果为false.
• true || (anything)  短路计算的结果为 true

3.一些简单逻辑运算例子理解

(1)逻辑与

a4=false && (3 == 4)  // f && f 结果为 false
a5="Cat" && "Dog"     // t && t 结果为 Dog

a6=false && "Cat"     // f && t 结果为 false
a7="Cat" && false     // t && f 结果为 false
a8 = true && 4 && "aaa"; //结果为"aaa"

(1)逻辑或

o4=false || (3 == 4)  // f || f 结果为 false
o5="Cat" || "Dog"     // t || t 结果为 Cat
o6=false || "Cat"     // f || t 结果为 Cat(这个例子非常迷惑人)
o7="Cat" || false     // t || f 结果为 Cat