kann nicht richtig ternären Operator in JavaScript schreibt

Question

Ich habe eine nicht definierte Variable und überprüfe ich es in einem String Concat:

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

Bedenkt man, dass undefinedVariable nicht definiert ist, undefinedVariable.toString() ist ein unerreichbarer Code. Allerdings habe ich diesen Fehler:

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

Das Merkwürdige ist, wenn ich „foo“ zu Beginn der console.log entfernen, dann wird der Code funktioniert gut.

Ich habe in Chrom und Firefox getestet und ich bekomme das gleiche Ergebnis, also ist es wahrscheinlich kein Fehler. Gibt es eine Erklärung, warum JS-Engines versuchen, den nicht erreichbaren Teil auszuführen?

Answer 1

Es ist wegen der Operator Precedence. Der + (Verkettungsoperator) hat eine höhere Priorität als der ?: (ternärer Operator). Also, Sie müssen die ternäre Bedingung in () einfügen, weil es dauert es zusammen mit der + (Verkettung Operator) und nicht mehr die linke Seite ist undefined. Verwendung:

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

Sie müssen die JavaScript-Engine sagen, die undefinedVariable separat zu bewerten und nicht beitreten sowohl die "foo" und undefinedVariable und bewerten.

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

Die oben gibt mir: foobar.