JavaScript逻辑运算符及优先级 -- JavaScript -- IT技术博客大学习 -- 共学习共进步！

您现在的位置：首页 --> JavaScript --> JavaScript逻辑运算符及优先级

JavaScript逻辑运算符及优先级

浏览:1805次出处信息

今天看了一段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"));

1
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&nbsp;&& 1 && 2;//0
var c = 1 && 0&nbsp; && 2;//0
alert(a),alert(b),alert(c);

1
var a = 1 && 2 && 3;//3 

2
var b = 0 && 1 && 2;//0 

3
var c = 1 && 0  && 2;//0 

4
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 。
搞懂了“&&” 运算，再来看最上的面的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");
}

说来惭愧，年纪大了，足足“翻译”了半个小时，还是在同事的帮助下才“翻译”正确。

||（逻辑或）

再来看看“||”（逻辑或）运算，看例子：

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

1
var a = 0 || 1 || 2;//1 

2
var b = 1 || 0 || 3;//1 

3
alert(a),alert(b);

“||”运算遇到true就返回。例如：a || b ,如果 a 为false，直接返回b，而不管b为true或者false 。如果 a 为true，直接返回a，而不会继续往下执行。

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

&& (逻辑与) 优先级高于||（逻辑或）
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&nbsp; && &nbsp;0 || 2; &nbsp;//2
var b = 3 || 0  && &nbsp;2; // 3
var c= 0 || 2 && 3; // 3
alert(a),alert(b),alert(c);

建议继续学习：

QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习

<< 前一篇：7款实用的Javascript代码高亮脚本

后一篇：新浪微博jsSDK操作指南 >>

文章信息

作者：愚人码头来源： WEB前端开发
标签：优先级逻辑运算符
发布时间：2011-07-06 23:48:25

建议继续学习

近3天十大热文