javascript三目运算符有哪些-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

javascript只有一个三目运算符“? ... :”，可用于简单的选择结构，基本语法为“布尔表达式 ? sentence1 : sentence2”；当“布尔表达式”的值为真时，执行sentence1，否则执行sentence2。

本教程操作环境：windows7系统、ECMAScript 5版、Dell G3电脑。

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源码中，我们会大量看到三目运算符的应用。

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者