具有多个表达式的JavaScript中的三元运算符?

时间:2010-07-02 18:14:49

标签: javascript jquery conditional ternary-operator

the_styles ? the_styles.appendTo('head'); the_styles=null : the_styles = $('.stylesheet').detach();

显然,这是无效的。注意“;”在appendTo()the_styles=null之间。如何在1行上写它并且仍然有多个这样的表达式?

6 个答案:

答案 0 :(得分:20)

以这种方式使用逗号运算符:

the_styles ? (the_styles.appendTo('head'), the_styles=null) : the_styles =  $('.stylesheet').detach();

以下是Mozilla开发人员中心撰写的有关逗号运算符的内容:

  

如果要在需要单个表达式的位置包含多个表达式,可以使用逗号运算符。此运算符的最常见用法是在for循环中提供多个参数。

     

在此处阅读更多内容:https://developer.mozilla.org/en/Core_JavaScript_1.5_Reference/Operators/Special_Operators/Comma_Operator

答案 1 :(得分:8)

谁需要三元运算符?

​the_styles = !the_styles && $('.stylesheet').detach()​​​​ ||
             the_styles.appendTo('head') && null;​

必须切换表达式,否则第一个表达式的null值将始终强制第二个表达式.detach()被评估。

聪明的代码唯一的问题是,一旦你喝完咖啡休息后回到它,它对你来说也没有任何意义。所以这要好得多:

if(the_styles) {
    the_styles.appendTo('head')
    the_styles = null;
}
else {
    the_styles = the_styles.detach('.stylesheet');
}

对我而言,即使是上述简单版本也没有任何意义。 部分是显而易见的,但为什么是这样做的?

答案 2 :(得分:2)

the_styles ? (function() {the_styles.appendTo('head'); the_styles=null})() : <etc>

只需将代码块包装在(function() {})()

现在是困难的部分:为什么你想要这样做吗?也许有更好的解决方案!

答案 3 :(得分:1)

我同意glowcoder但是如果你还想要它:

the_styles ? function(){ the_styles.appendTo('head'); the_styles=null;}() : the_styles = $('.stylesheet').detach();

答案 4 :(得分:0)

the_styles ? the_styles.appendTo('head') : the_styles = $('.stylesheet').detach();
如果你覆盖它,你不需要取消它!

答案 5 :(得分:0)

the_styles=the_styles || $('.stylesheet').detach(); the_styles.appendTo('head');