javascript只有一個三目運算符“? … :”,可用于簡單的選擇結(jié)構(gòu),基本語法為“布爾表達式 ? sentence1 : sentence2”;當“布爾表達式”的值為真時,執(zhí)行sentence1,否則執(zhí)行sentence2。
本教程操作環(huán)境:windows7系統(tǒng)、ECMAScript 5版、Dell G3電腦。
javascript 三目運算符
javascript中的三目運算符用作判斷時,基本語法為: expression ? sentence1 : sentence2
當expression
的值為真時執(zhí)行sentence1
,否則執(zhí)行 sentence2
, 請看代碼
var b = 1, c = 1 a = 2; a >= 2 ? b++ : b--; b // 2 a < 2 ? c++ : c--; c // 0
從上面代碼中,我們暫時會認為三目運算符相當于if + else(下面再詳聊)
if(expression){ sentence1; } else { sentence2; }
當expression
為真,即expression
不為undefined
,NaN
,0
,null
的時候執(zhí)行sentence1
,否則執(zhí)行sentence2
。
既然這樣的功能和if相同,為什么還要使用它?首先,在邏輯多次判斷的時候,三目運算符邏輯更簡潔:
expression1 ? sentence1 : expression2 ? sentence2 : expression3 ? sentence3 : ...
只要任意一個expressionN的判斷為真,那么sentenceN立即執(zhí)行,這個判斷結(jié)束,后面的任何判斷不再執(zhí)行。而如果我們寫成if-else
if(expression1){ sentence1; } else if(expression2){ sentence2; } else if(expression3){ sentence3; } ...
這樣書寫邏輯看起來比較心累,所以在jquery和zepto源碼中,我們會大量看到三目運算符的應用。
賦值
另一個經(jīng)典的應用場景在于賦值,var param = expression ? value1 : value2
,這個相信大家經(jīng)常用到
var b, c = 1; var a = b ? 2 : 1; a // 1 var a = c > 0 ? 2 : 1 a // 2
再談判斷
有一天寫了這樣的代碼
function xx(){ var a = 1, b = 3; a < b ? return false : '' }
居然報錯了! 為什么報錯,我們會仔細看一下上面的多個判斷
expression1 ? sentence1 : expression2 ? sentence2 : expression3 ? sentence3 : ...
只要有一個expressionN成立,就馬上跳出。原因是什么呢? 我們可以猜想是因為三目運算符return了sentenceN,所以判斷立即跳出。賦值的用法也一樣,之所以報錯的原因是
if(expression){ return (return 2); }
這樣的寫法肯定報錯了。那么如果我們對上面的解釋有疑問,我們可以用這樣的代碼來證明:
var a = 1, b = 2; var c = b > 1 ? a++ : 0; c // 1
c為什么是1,因為n++是在執(zhí)行完表達式后再加1,如果return a++
,先return 再加1,所以這里的c等于1