Тернарные высказывания в Javascript: ловушки без назначения?

Question

Иногда я использую тернарные выражения для упрощения &, уменьшая длину моего кода.

Тройные операторы традиционно используются для присвоения значения переменного, но в JS я также могу написать тройные заявления без каких-либо уступок для выполнения отличаясь результатов на основе булевого ответ на вопрос - пример:

anyVariable > someValue ? 
    funcOne(anyVariable): 
    funcTwo(anyVariable); 

Этот код не вызывает ошибок, но jsLint жалуется, что он видел выражение, где ожидалось назначение или вызов функции.

Есть ли какие-либо подводные камни или потенциальные проблемы, о которых я должен знать при использовании тернарных утверждений (в Javascript) таким образом?

Answer 1

Здесь не должно быть никаких подводных камней. Рассмотрите следующее сообщение:

b = a = 10; 

Мы можем опустить часть инструкции "b =" без каких-либо проблем. И тот же случай для тройных высказываний.

Обычно вам следует избегать использования этого типа, поскольку ошибка в предыдущих строках может вызвать проблемы с более поздним кодом. Но если вы используете if-else, вы можете избежать таких проблем.

// user made a typo on the first line. but this code has correct syntax 
b = 10 + 
a > 10 ? fun(20) : fun(0); 

// same scenario using if-else will generate a compilation error which is preferred. 
b = 10 + 
if (a>10) { 
    fun(20); 
} 
else { 
    fun(0); 
} 

Answer 2

Я бы избегал этого, если вы используете его неправильно, то это вызовет ошибки (я видел invalid left hand assignment среди других). Если вы используете хороший мини-инструмент (например, Uglify), он будет делать все это для вас при запуске процесса сборки, что позволит вашему коду разработки читать и легко.

Я хотел бы использовать его только для назначения.

Answer 3

JS (L | H) int собирается жаловаться на это, потому что это просто выражение, а не утверждение. В подобных случаях, это «лучше» (аргументированный), чтобы использовать, если:

if(anyVariable > someValue){ 
    funcOne(anyVariable); 
} else { 
    funcTwo(anyVariable); 
} 

редактировать Если краткость это цель, которую вы всегда можете опустить фигурные скобки:

if(anyVariable > someValue) funcOne(anyVariable) 
else funcTwo(anyVariable); 

/

Бонус здесь в том, что ваш код более читабельен (поскольку это все назначения или вызовы функций), и если вам нужно продлить или выполнить более одной операции в eac h, вы настроены на это.

Где тройной оператор используется хорошо, однако, в назначениях:

var thisVariable = someValue > thatValue ? someValue : thatValue; 

Это пройдет линт, и заявление, в то время как лаконичны, все еще довольно читаемое, однако, при тестировании против «falsey "ценности, я предпочитаю:

var thisVariable = someValue || thatValue; 

someValue Если это "falsey", он установит thisVariable в thatValue.