javascript中的三目運算符有哪些

javascript中的三目運算符有哪些？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

javascript 三目運算符

javascript中的三目運算符用作判斷時，基本語法為: expression ? sentence1 : sentence2

當expression的值為真時執行sentence1，否則執行 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的時候執行sentence1，否則執行sentence2。

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

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

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

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

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

賦值

另一個經典的應用場景在于賦值，var param = expression ? value1 : value2，這個相信大家經常用到

 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

看完上述內容，你們掌握javascript中的三目運算符有哪些的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！