javascript只有一個(gè)三目運(yùn)算符“? … :”，可用于簡(jiǎn)單的選擇結(jié)構(gòu)，基本語(yǔ)法為“布爾表達(dá)式 ? sentence1 : sentence2”；當(dāng)“布爾表達(dá)式”的值為真時(shí)，執(zhí)行sentence1，否則執(zhí)行sentence2。

本教程操作環(huán)境：windows7系統(tǒng)、ECMAScript 5版、Dell G3電腦。

javascript 三目運(yùn)算符

javascript中的三目運(yùn)算符用作判斷時(shí)，基本語(yǔ)法為: expression ? sentence1 : sentence2

當(dāng)expression的值為真時(shí)執(zhí)行sentence1，否則執(zhí)行 sentence2， 請(qǐng)看代碼

var b = 1,        c = 1         a = 2;    a >= 2 ? b++ : b--;    b   // 2    a < 2 ? c++ : c--;    c   // 0

從上面代碼中，我們暫時(shí)會(huì)認(rèn)為三目運(yùn)算符相當(dāng)于if + else(下面再詳聊）

 if(expression){        sentence1;    } else {       sentence2;    }

當(dāng)expression為真，即expression不為undefined，NaN，0，null的時(shí)候執(zhí)行sentence1，否則執(zhí)行sentence2。

既然這樣的功能和if相同，為什么還要使用它？首先，在邏輯多次判斷的時(shí)候，三目運(yùn)算符邏輯更簡(jiǎn)潔：

 expression1 ? sentence1 :    expression2 ? sentence2 :    expression3 ? sentence3 :    ...

只要任意一個(gè)expressionN的判斷為真，那么sentenceN立即執(zhí)行，這個(gè)判斷結(jié)束，后面的任何判斷不再執(zhí)行。而如果我們寫成if-else

if(expression1){       sentence1;    } else if(expression2){        sentence2;    } else if(expression3){       sentence3;    } ...

這樣書寫邏輯看起來比較心累，所以在jquery和zepto源碼中，我們會(huì)大量看到三目運(yùn)算符的應(yīng)用。

賦值

另一個(gè)經(jīng)典的應(yīng)用場(chǎng)景在于賦值，var param = expression ? value1 : value2，這個(gè)相信大家經(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 : ''   }

居然報(bào)錯(cuò)了! 為什么報(bào)錯(cuò)，我們會(huì)仔細(xì)看一下上面的多個(gè)判斷

expression1 ? sentence1 :    expression2 ? sentence2 :    expression3 ? sentence3 :    ...

只要有一個(gè)expressionN成立，就馬上跳出。原因是什么呢? 我們可以猜想是因?yàn)槿窟\(yùn)算符return了sentenceN，所以判斷立即跳出。賦值的用法也一樣，之所以報(bào)錯(cuò)的原因是

 if(expression){       return (return 2);    }

這樣的寫法肯定報(bào)錯(cuò)了。那么如果我們對(duì)上面的解釋有疑問，我們可以用這樣的代碼來證明：

 var a = 1,        b = 2;    var c = b > 1 ? a++ : 0;    c   // 1

c為什么是1，因?yàn)閚++是在執(zhí)行完表達(dá)式后再加1，如果return a++，先return 再加1，所以這里的c等于1