ChatGPT解决这个技术问题 Extra ChatGPT

JavaScript 单行 'if' 语句 - 最好的语法,这个替代方案? [关闭]

关闭。这个问题是基于意见的。它目前不接受答案。想改进这个问题?更新问题,以便可以通过编辑这篇文章用事实和引用来回答它。 2年前关闭。改进这个问题

尽管有人认为,单行 if 语句中的大括号对于可维护性和可读性而言并不理想,但已经明确提出。

但是这个呢?

if (lemons) { document.write("foo gave me a bar"); }

它甚至更加压缩,如果扩展,大括号将不会被遗忘。有没有明显的问题,如果没有,有什么考虑?我觉得它仍然非常可读,至少与三元运算符一样多。在我看来,由于可读性,三元运算符的建议并不多,尽管我觉得这个结论并不那么一致。

我心中的邪恶双胞胎想要提出这一点,尽管语法显然不是为此而生的,而且可能只是一个坏主意。

(syntax) ? document.write("My evil twin emerges"): "";
如果 JavaScript 支持短语条件句的结尾就好了:document.write("My evil twin emerges") if lemons
我认为您可能正在考虑简短的 if, else 语句。 (variable = (condition) ? true-value : false-value;。)祝你好运。

r
revelt

我已经看到用于实现此目的的 && 运算符的短路行为,尽管不习惯这一点的人可能会觉得很难阅读,甚至称其为反模式:

lemons && document.write("foo gave me a bar");  

就个人而言,我经常使用不带括号的单行 if,如下所示:

if (lemons) document.write("foo gave me a bar");

如果我需要添加更多语句,我会将语句放在下一行并添加括号。由于我的 IDE 进行自动缩进,因此对这种做法的可维护性反对意见没有实际意义。


你应该知道你在期待什么,因为空字符串和 0 是假值,它将无法执行第二条语句
当然,你也可以在里面放一个更明确的布尔语句
@acjohnson55 你是什么意思?
我的意思是回应奥兰多。应该使用我的@符号。基本上只是说如果您不想依赖真实性/虚假性,您的方法仍然有效
@PeterOlson 为什么对可维护性提出异议没有实际意义?如果任何其他开发人员碰巧没有使用您的 IDE 及其配置怎么办。
w
whirish

我这样使用它:

(lemons) ? alert("please give me a lemonade") : alert("then give me a beer");

alert(lemons?"please give me a lemonade":"then give me a beer")
P
Peter Mortensen

您可以使用 PHP 中常用的这种格式:

(lemon) ? document.write("foo gave me a bar") : document.write("if condition is FALSE");

lemon 上不需要括号。
在条件语句周围包含 () 可能是最佳实践 - 消除了其他开发人员对操作顺序等的任何混淆。我通常会错误地指定它,除非有资格的人无法混淆。
document.write(lemon ? "foo gave me a bar" : "if condition is FALSE"); :)
我喜欢括号,因为对我来说它们意味着布尔强制。
M
Marc

如前所述,您可以使用:

&& 风格

lemons && document.write("foo gave me a bar");  

或者

无括号样式

if (lemons) document.write("foo gave me a bar");

短路返回

但是,如果您希望使用单行 if 语句来短路函数,则需要使用 bracket-less 版本,如下所示:

if (lemons) return "foo gave me a bar";

作为

lemons && return "foo gave me a bar"; // does not work!

会给你一个SyntaxError: Unexpected keyword 'return'


在单线短路中,我们可以省略“return”,它应该可以按预期工作。 ```柠檬&& "foo给了我一个吧"; // 有效! ```
@siwalikm 你能解释一下吗?这适用于您不想返回 lemons(如果它是假的)的情况——您只想在 lemons 为真时返回“foo give me bar”。
if (lemons) return "foo 给了我一个酒吧";这是错误的。它会给你“Uncaught SyntaxError: Illegal return statement”
@Fenec 你会分享导致你这个错误的浏览器和版本吗?这在大约 2 年前对我有用,并且继续为我工作。
C
Community

可以用这个,

lemons ? alert("please give me a lemonade") : alert("then give me a beer");

解释:如果 lemons 为真,则 alert("please give me a lemonade"),否则,alert("then give me a beer")


lemons? alert("please give me a fancy beer with a lemon wedge in it"): alert(please give me a beer") FTY
为什么不只使用 alert(lemons ? "please give me a lemonade": "then give me a beer");
s
shakee93

这一行要干净得多。

if(dog) alert('bark bark');

我更喜欢这个。希望它可以帮助某人


K
Kemacal

正如很多人所说,如果您正在寻找实际的 1 行,那么:

    if (Boolean_expression) do.something();

是首选。然而,如果你想做一个 if/else 那么三元是你的朋友(而且也很酷):

    (Boolean_expression) ? do.somethingForTrue() : do.somethingForFalse();

还:

    var something = (Boolean_expression) ? trueValueHardware : falseATRON;

但是,我看到了一个非常酷的例子。向@Peter-Oslson 大喊 &&

    (Boolean_expression) && do.something();

最后,它不是 if 语句,而是使用 map/reduce 或 Promise.resolve() 在循环中执行事情也很有趣。向@brunettdan 大喊


u
user3413838

// 另一个简单的例子

 var a = 11;
 a == 10 ? alert("true") : alert("false");

为什么不简单.. var a = 11; alert(a === 10);
@ManuKaracho 我在使用三元语句时经常看到这个问题。我知道 OP 可能只是试图写一个简单的,但它在我在工作中阅读的代码中很猖獗。
alert(a === 10 ? "true" : "false")
@JoshWood 警报也会打印布尔值,所以你可以像 Manu 说的那样做 alert(a===10)
A
Anita Graham

我已经看到很多答案,很多人赞成使用三元运算符。如果 a) 你确实有一个替代选项,并且 b) 你从一个简单的条件返回一个相当简单的值,那么三元组很棒。但...

最初的问题没有替代方案,只有一个(真实)分支的三元运算符迫使您返回一个完善的答案。

lemons ? "foo gave me a bar" : "who knows what you'll get back"

我认为最常见的变体是 lemons ? 'foo...' : '',并且,正如您通过阅读关于 true、false、truthy、falsey、null、nil、blank、empty(我们没有?)的任何语言的无数文章所知道的那样,你正在进入一个雷区(尽管是一个有据可查的雷区。)

一旦三元的任何部分变得复杂,您最好使用更明确的条件形式。

说我投票给if (lemons) "foo"还有很长的路要走。


A
Abdulmajeed
(i === 0 ? "true" : "false")

s
sergiol

使用 if 块时,也可以使用单行来完成,如下所示:

if (blah)
    doThis();

它也适用于 while 循环。


这将导致 linting 失败,不推荐
OP还要求使用单线。
b
brunettdan

箭头函数示例:

let somethingTrue = true
[1,2,3,4,5].map(i=>somethingTrue && i*2)

在承诺中:

Promise.resolve()
  .then(_=>checkTrueFalse && asyncFunc())
  .then(_=>{ .. })

否则:

if(somethingTrue) thenDo()

如果它只是一个简单的条件,我更喜欢尽可能使用 if(value) ,因为语句开头的 if 一词比括号和问号更能说明正在发生的事情。


S
Sajith Mantharath
**Old Method:**
if(x){
   add(x);
}
New Method:
x && add(x);

即使分配操作我们也可以用圆括号来做

exp.includes('regexp_replace') && (exp = exp.replace(/,/g, '@&'));

“即使是赋值操作,我们也可以用圆括号来做”。这很有趣,我不知道可以在这些单行操作中进行分配操作。