javascript中的三目运算符有哪些

  javascript中

的三目运算符有哪些?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

<强> javascript三目运算符

javascript中的三目运算符用作判断时,基本语法为:<代码>表达式?sentence1: sentence2

当<代码> 表达式的值为真时执行<代码> sentence1> sentence2> var  b =, 1,   ,,,,,,c =, 1,   ,,,,,,a =, 2;   ,,,a 的在=,2,?,b + +,:, b——;   ,,b ,,//2   ,,a  & lt;, 2, ?, c++,:, c -;   ,,c ,,//, 0

从上面代码中,我们暂时会认为三目运算符相当于如果+其他(下面再详聊)

,如果(表达式){,   ,,,,,sentence1;   ,,},{else    ,,,,,sentence2;   以前,,}

当<代码> 表达式为真,即<代码> 不表达为<代码>未定义的,<代码>南> 0 ,<代码>零> sentence1> sentence2>

既然这样的功能和如果相同,为什么还要使用它?首先,在逻辑多次判断的时候,三目运算符逻辑更简洁:

,expression1  ?, sentence1 :   ,,expression2  ?, sentence2 :   ,,expression3  ?, sentence3 :   ,,…

只要任意一个expressionN的判断为真,那么sentenceN立即执行,这个判断结束,后面的任何判断不再执行。而如果我们写成if - else

如果(expression1) {   ,,,,,sentence1;   ,,},else 如果(expression2) {,   ,,,,,sentence2;   ,,},else 如果(expression3) {   ,,,,,sentence3;   ,,},…

这样书写逻辑看起来比较心累,所以在jquery和zepto源码中,我们会大量看到三目运算符的应用。

<强>赋值

另一个经典的应用场景在于赋值,<代码> var参数=表达式?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  & lt;, b  ?, return  false :, & # 39; & # 39;   以前,,}

居然报错了!为什么报错,我们会仔细看一下上面的多个判断

expression1  ?, sentence1 :   ,,expression2  ?, sentence2 :   ,,expression3  ?, sentence3 :   以前,,…

只要有一个expressionN成立,就马上跳出。原因是什么呢?我们可以猜想是因为三目运算符返回了sentenceN,所以判断立即跳出。赋值的用法也一样,之所以报错的原因是

,如果(表达式){   ,,,,,return  (return  2);   以前,,}

这样的写法肯定报错了。那么如果我们对上面的解释有疑问,我们可以用这样的代码来证明:

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


javascript中的三目运算符有哪些