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

Question

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() 进行求值。

聪明的代码唯一的问题是，一旦你在喝咖啡休息后回来看它，它甚至对你来说也没有任何意义。所以这要好得多：

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})() : <etc>

只需将代码块包装在 (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');