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

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

显然，这是无效的。 注意“;” appendTo()和the_styles=null 。 我如何在1行写它仍然有这样的多个表达式？

Answer 1

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

 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

Answer 2

谁需要三元运算符？

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

必须切换表达式，否则第一个表达式的null值将始终强制计算第二个表达式.detach() 。

聪明的代码唯一的问题是，一旦你喝完咖啡rest后回到它，它对你来说也没有任何意义。 所以这更好：

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

对我来说，即使是上面简单的版本也没有任何意义。 什么部分是显而易见的，但它为什么这样做？

Answer 3

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

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

现在是困难的部分：你为什么要这样做？ 也许有更好的解决方案！

Answer 4

我同意glowcoder，但如果你仍然想要它：

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

Answer 5

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

如果你覆盖它，你不需要取消它！

Answer 6

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