Невозможно правильно написать тройной оператор в JavaScript

Question

У меня есть неопределенная переменная, и я проверить его в струнной CONCAT:

var undefinedVariable = undefined; 
console.log("foo" + undefinedVariable === undefined ? "bar" : undefinedVariable.toString()); 

Учитывая, что undefinedVariable неопределен, undefinedVariable.toString() является недостижимый код. Тем не менее, я получаю эту ошибку:

Uncaught TypeError: Cannot read property 'toString' of undefined(…)

Странная вещь, если удалить «Foo» в начале console.log, то код работает отлично.

console.log(undefinedVariable === undefined ? "bar" : undefinedVariable.toString()); 

я испытал в хроме и светлячок, и я получаю тот же результат, так что, вероятно, это не ошибка. Есть ли объяснение, почему JS-двигатели пытаются запустить недостижимую часть?

Answer 1

Это из-за Operator Precedence. + (оператор конкатенации) имеет больший приоритет, чем ?: (тройной оператор). Таким образом, вам нужно приложить тройное состояние внутри (), потому что оно берет его вместе с + (оператор конкатенации) и не более левой стороной является undefined. Использование:

console.log("foo" + (undefinedVariable === undefined ? "bar" : undefinedVariable.toString())); 

Вы должны сказать двигатель JavaScript, чтобы оценить undefinedVariable отдельно и не присоединиться как "foo" и undefinedVariable и оценить.

var undefinedVariable = undefined; 
 
console.log("foo" + (undefinedVariable === undefined ? "bar" : undefinedVariable.toString()));

выше дает мне: foobar.