淺談JS運算符&&和|| 及其優(yōu)先級
今天看了一段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 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語句中經(jīng)常用到?!?amp;&” (邏輯與) 運算和“||”運算真好相反,“&&” 運算遇到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"); }
說來慚愧,年紀大了,足足“翻譯”了半個小時,還是在同事的幫助下才“翻譯”正確。
||(邏輯或)
再來看看“||”(邏輯或)運算,看例子:
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,而不會繼續(xù)往下執(zhí)行。
&& (邏輯與) 和||(邏輯或)混合使用的時候要注意他們的優(yōu)先級:
&& (邏輯與) 優(yōu)先級高于||(邏輯或)
return a && b || c ,
根據(jù)a來判斷返回值,a 是 false 則肯定返回 c;如果 b , c 都是 true ,那么我們就可以根據(jù) a 來決定b 還是 c ,如果 a 是 false 則返回 c,如果a是true 則返回 b。
return a || b && c
根據(jù)優(yōu)先級相當于先算 b && c ,然后和a 相 或;如果a是true,則返回a,不論是b或c,如果a是false,則如果b是false,返回b,如果b是true,返回c;
1 var a = 3 && 0 || 2; //2
3 var b = 3 || 0 && 2; // 3
5 var c= 0 || 2 && 3; // 3
6 alert(a),alert(b),alert(c);
另附:JS運算符優(yōu)先級(從高到低列出)
運算符 | 描述 |
. [] () | 字段訪問、數(shù)組下標、函數(shù)調用以及表達式分組 |
++ -- - ~ ! delete new typeof void | 一元運算符、返回數(shù)據(jù)類型、對象創(chuàng)建、未定義值 |
* / % | 乘法、除法、取模 |
+ - + | 加法、減法、字符串連接 |
<< >> >>> | 移位 |
< <= > >= instanceof | 小于、小于等于、大于、大于等于、instanceof |
== != === !== | 等于、不等于、嚴格相等、非嚴格相等 |
& | 按位與 |
^ | 按位異或 |
| | 按位或 |
&& | 邏輯與 |
|| | 邏輯或 |
?: | 條件 |
= oP= | 賦值、運算賦值 |
, | 多重求值 |
以上這篇淺談JS運算符&&和|| 及其優(yōu)先級就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
如何在CocosCreator中使用http和WebSocket
這篇文章主要介紹了在Cocos Creator中使用的Http和WebSocket,對websocket感興趣的同學,一定要看下2021-04-04