Разница между «if (foo) bar();» и "foo && bar();"

Question

Есть ли разница между следующими двумя фрагментами или любой причиной использования одного над другим?

if (foo) { 
    bar(); 
} 

 

foo && bar(); 

Answer 1

Вторая форма известна как short-circuit evaluation и результаты точно так же, как и в первой форме. Однако первая форма более читаема и должна быть предпочтительной для ремонтопригодности.

Этот тип оценки коротких замыканий часто встречается в if-утверждениях, где правая рука условно оценивается. См. Пример ниже; bar оценивается только в том случае, если foo имеет значение true.

if (foo && bar()) { 
    // ... 
} 

Answer 2

версия foo && bar() является выражением, и, таким образом, имеет значение:

var result = foo && bar(); 

При использовании версии if, выше может выглядеть следующим образом:

var result; 
if (foo) { 
    result = bar(); 
} 

который больше подробный.

Answer 3

Ответ на вопросник с оценкой коротких замыканий действительно хорош. Но мне нравится добавить, что хорошим стилем кодирования является использование if-statement, если вызов bar() не имеет значения boolean-return-value, и никакое дополнительное условие не должно выполняться с помощью bar().