javascript - 做条件没有结果的原因是什么？

Question

我遇到了这段代码:

navigation.on('click', '.main-nav-item', function (e) {
    var clickedNavItem = $j(this),
        className = clickedNavItem.data('class'),
        midNavItem = $j('.' + className, midNavigation);

    midNavItem.length > 0 && e.preventDefault();
});

我试着理解最后一行的目的:

midNavItem.length > 0 && e.preventDefault();

如果 midNavItem.Length > 0，它似乎会停止点击，但我不明白它的语法。应该是_

if(midNavItem.length > 0) { e.preventDefault() };

不是两个条件。

为什么要这样写？

Answer 1

工作原理

它被称为 short-circuit evaluation .你是对的——这是编写你建议的 if 语句的另一种方式:

if (midNavItem.length > 0) {
    e.preventDefault();
}

之所以有效，是因为 && won't execute the second operand unless the first is truthy .

为什么使用

使用它的基本原理通常是为了使代码更整洁。当然，这是主观的。可能有人说明确使用 if 语法总是更好——但你也会发现许多人/流行的库广泛使用速记。