javascript - if、奇妙な動作を含むコンソールログ

Question

私はいくつかのjavascriptを学習しようとしていますが、その理由については完全には答えられません:

var a = 'xyz';
console.log('Example: ' + (a === 'xyz') ? 'A' : 'B');

例：Aではなく「A」を返します。しかし、そのように全体を置くと：

var a = 'xyz';
console.log('Example: ' + ((a === 'xyz') ? 'A' : 'B'));

それは完璧に動作します。それは、最初のものは 'Example: ' 文字列をこの if で論理 + に入れるということですか?

score 7 · Accepted Answer

これはifステートメントではなく、三項演算子です。

しかし基本的に、はい、何が起こっているかというと、最初にこの部分が評価されます:

(a === 'xyz')

...そしてtrueまたはになりfalseます。次に、これが行われます（仮定しましょうtrue）：

'Example: ' + true

...その結果：

'Example: true'

...そして、これが行われます：

'Example: true' ? 'A' : 'B'

...'A'文字列が空白ではないため、これは真実です。

これは+、三項 ( ? :) よりも優先順位が高いためです。

score 3 · Accepted Answer

まさに、ご覧のとおり+、?

したがって、ブール値との最初の式文字列連結が(a === 'xyz')最初に実行され、次に空でない文字列がブール値として評価され、true「A」が最終出力になります。

2 番目の式の括弧では、?演算子がの前に強制的に実行され+ます。

score 1 · Accepted Answer

括弧で始まらない場合(a === 'xyz') ? 'A' : 'B'、JS エンジンは+演算子を優先し、truey テストをとして解釈し'Example: ' + (a === 'xyz')、A を返します。

trueまたはのいずれかと連結された文字列falseは依然として trueであるため、等値テストが false の場合でも A が返されます。

javascript - if、奇妙な動作を含むコンソール ログ