JavaScript邏輯運算符及優先級

今天看了一段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;//3var b = 0 && 1 && 2;//0var c = 1 && 0  && 2;//0alert(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;//1var b = 1 || 0 || 3;//1alert(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  &&  0 || 2;  //2var b = 3 || 0  &&  2; // 3var c= 0 || 2 && 3; // 3alert(a),alert(b),alert(c);

來源：http://www.css88.com/archives/3770

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈