javascript-深入理解&&和||

标签：转换   计算   math   --   决定   为什么   code   ima   nan   

先从两个问题看起：

第一个问题 为什么 a && b 返回的是true，b && a 返回的是6

1 var user = 6;
2 var both = true;
3 
4 console.log( user && both);    //true
5 console.log( both && user);    //6

第二个问题 both进行自减  最后打印的依旧是3

1 var user = false;
2 var both = 3;
3 
4 console.log( user && both--);    // false
5 console.log(both);   // 3

先从三个层次来理解（以&&为例说明）：

第一层理解：操作数都是布尔值的时候，只有二者都为true的时候，结果才为true，否则为false。

第二层理解：&&可以对真值和假值进行运算，如果两个都是真值，则返回一个真值，否则返回一个假值。但是，真值并不仅限于true，假值也并不仅限于false，下面这些值会被转换成false(其他所有值都为true)

undefined

null

0/-0

NaN

" "

在js中，进行&&操作，结果并不总是true和false，而是当前的值。当前的值有可能就是数值、字符串等。

如果第一个表达式为真，那么就以第二个表达式的值作为其结果，这个结果不是转换之后的值，而是它本身。

如果第一个表达式为假，那么就以第一个表达式的值作为其结果，这个结果不是转换之后的值，而是它本身。

　　//上面第一个问题

1 var user = 6;
2 var both = true;
3 var math = 0;
4 console.log( user && both);    //true
5 console.log( both && user);    //6
6 console.log( both && math);    //0
7 console.log( math && both);    //0

第三层理解：短路运算，运算过程，首先计算左操作数的值，如果计算结果为假值，则整个表达式结果就为假值,也就是左操作数的值 同时停止右操作数的求值。如果左操作数的结果为真值，则整个结果依赖于右操作数的值。

关于短路运算的说明：

在&&和||运算时，如果第一个表达式的值就已经能够确定整个运算的结果，那么第二个表达式将不会执行

对于&&操作而言 第一个表达式的值为假值 那就决定了整个运算结果为假值 所以第一个表达式不会执行 所以y-- 并没有执行 y的值仍是3

　　//上面第二个问题

1 var x = false;
2 var y = 3;
3 console.log(x && y--);    // false
4 console.log(y);   // 3

对于||而言，

如果第一个表达式的值为真值，结果就是第一个表达式的值，不是转换之后的，而是它本身。

如果第一个表达式的值为假值，结果就是第二个表达式的值，不是转换之后的，而是它本身。

1 var user = true;
2 var both = 10;
3 
4 console.log(user || ++both);  //true
5 console.log(both);   //10

&& 与 || 具有完全相同的原理，只是运算规则不太一样。

1 var a = 10;
2 var b = true;
3 var c = 0;
4 
5 console.log(a || b);    //10
6 console.log(b || a);    //true
7 
8 console.log(b || c);    //true
9 console.log(c || b);    //true

javascript-深入理解&&和||

标签：转换   计算   math   --   决定   为什么   code   ima   nan   

原文地址：http://www.cnblogs.com/treasurecat/p/7125670.html