Javascript 大括号奇怪的行为

Question

在下面的代码中，

    if (options.max) {
        if (i <= options.max) $(x).addClass("hey");
    }
    else {
        if (i >= options.min) $(x).addClass("no"); //<- this
    }

从上面删除每个大括号会使第二个子句(用 <- this 标记)不起作用。

    if (options.max)
        if (i <= options.max) $(x).addClass("hey");
    else
        if (i >= options.min) $(x).addClass("no"); //<- this

我认为 JavaScript 中 if 语句的单个表达式可以在没有花括号的情况下使用。为什么会发生这种情况？

Answer 1

如果删除大括号，则 else 适用于第二个 if，即:

if (options.max)
    if (i <= options.max) $(x).addClass("hey");
    else
        if (i >= options.min) $(x).addClass("no"); //<- this

需要大括号来确保else应用于整个语句，但是第二组可以删除，即:

if (options.max) {
    if (i <= options.max) $(x).addClass("hey");
}
else
    if (i >= options.min) $(x).addClass("no"); //<- this

<小时/>

另一种方法是用 && 运算符替换内部 if 语句，如下所示。

if (options.max)
    i <= options.max && $(x).addClass("hey");
else
    i >= options.min && $(x).addClass("no");

注意:这是有效的，因为如果 && 之前的操作数等于 false，则表达式将“短路”。