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