JS逻辑运算符及优先级

javascript真假值
所有为假的值：

false

null

数字 0

字符串 ''

 数字NaN

undefined

其它所有的值都被当作真值，包括字符串'false',true,以及对象。

 

JavaScript逻辑运算符及优先级
a && b 

       如果 a 为true，直接返回b，而不管b为true或者false 。如果 a 为false 那么直接返回a
a || b 

       如果 a 为true，直接返回a，而不会继续往下执行。如果 a 为false，直接返回b，而不管b为true或者false 。

 

例1：

今天看了一段YUI compressor压缩的js代码：

userNum && (ind += index,ind >= userNum && (ind -= userNum),ind < 0 && (ind === -2 && (ind = -1),ind += userNum),selLi.removeClass("on"),$(selLi[ind]).addClass("on"));

  

直接疯掉了，估计一下子没几个人能看懂。那么就把他“翻译”一下。
&& (逻辑与)
这里主要是一个“&&”运算，首先要搞懂这个，看一个简单的例子：

var a = 1 && 2 && 3;//3
var b = 0 && 1 && 2;//0
var c = 1 && 0  && 2;//0
alert(a),alert(b),alert(c);

 

 嘿嘿，写法很奇怪，运行的结果是3，0，0。一般我们在if语句中经常用到。“&&” (逻辑与) 运算和“||”运算真好相反，“&&” 运算遇到false就返回。
例如： a && b ,如果 a 为true，直接返回b，而不管b为true或者false 。如果 a 为false 那么直接返回a，上面例子中第一个var a = 1 && 2 && 3;因为1 && 2，1为真，返回2；2&&3， 2为真，返回3 。

var a = 0 || 1 || 2;//1
var b = 1 || 0 || 3;//1
alert(a),alert(b);

  

搞懂了“&&” 运算，再来看最上的面的YUI compressor压缩的js代码，翻译一下：

if(userNum){
  ind += index;
  if (ind >= userNum) {
    ind -= userNum
  }
  if(ind < 0){
    if(ind === -2){
       ind = -1;
    }
    ind += userNum;
  }
  selLi.removeClass("on");
  $(selLi[ind]).addClass("on");
}

 

 && (逻辑与) 和||（逻辑或）混合使用的时候要注意他们的优先级：
&& (逻辑与) 优先级高于||（逻辑或）

 

return a && b || c ,
根据a来判断返回值，a 是 false 则肯定返回 c；如果 b , c 都是 true ，那么我们就可以根据 a 来决定b 还是 c ，如果 a 是 false 则返回 c，如果a是true 则返回 b。
return a || b && c
根据优先级相当于先算 b && c ,然后和a 相 或；如果a是true，则返回a，不论是b或c，如果a是false，则如果b是false，返回b，如果b是true，返回c；

var a = 3  &&  0 || 2;  //2 
var b = 3 || 0  &&  2; // 3 
var c= 0 || 2 && 3; // 3
alert(a),alert(b),alert(c);

 

 本例来源：http://www.css88.com/archives/3770

 

例2：

每个逻辑表达式都是有返回值的，但这个值并不一定是布尔变量，下面分别介绍：
（1）与操作符（&&）
javascript依次获取每一个操作数，将它们转换为布尔变量，如果是false，则直接返回这个操作数的值（注意，返回的是转换前的原值，不一定是布尔类型），中断后面操作数的处理；否则继续处理下一个操作数。如果直到最后一个操作数仍然对应布尔变量true，则返回最后这个操作数的值，下面的代码演示了其执行原理：

var a="1" && true && 0 && false && "abc";
alert(a);  //可见a的值是0
var b="abc" && true && "123";
alert(b);  //可见b的值是"123";

  

（2）或操作符（||）
javascript依次获取每一个操作数，将它们转换为布尔变量，如果是true，则直接返回这个操作数的值，中断后面操作数的处理；否则继续下一个操作数。如果知道最后一个操作数仍然对应布尔变量false，则返回这个操作数的值。下面的代码演示了其执行原理：

var a="abc" || "123";
alert(a);  //可见a的值是"abc"
var b=false || "" || 0;
alert(b);  //可见a的值是0

  

（3）非操作符（!）
和前两种操作符不同，非操作符始终返回布尔类型的变量 ，例如：

var a=! "abc";
alert(a);  //显示a的值为false

 

 本例来源：http://www.itlearner.com/article/3084

。。。

评论

1 楼 inotgaoshou 2011-09-06  

转了，很不错！