このステートメントにセミコロンが必要なのはなぜですか？

Question

次のコードは、これをなぜ が

if (4<5) console.log('hi') 
(4<5) ? console.log('hi') : console.log('bye') 

次のコードは、任意の誤り

if (4<5) console.log('hi') 
if (4<5) console.log('hi') 

を返さない「はconsole.log（...）は関数ではありません」というエラーを返します。そう？

Answer 1

最初の行の最後にセミコロンがない場合、コードは最初のconsole.logの戻り値を関数として使用し、引数4<5を呼び出します。あなたは改行を削除する場合、これは明確である：

if (4<5) console.log('hi')(4<5) ? console.log('hi') : console.log('bye') 
//  ^^^^^^^^^^^^^^^^^^^^^^---- looks like calling `console.log` and then 
//         using the result as a function 

これの可能性はあなたが表現して（あなたは誤り訂正mechansim に頼っていることを意味する）セミコロンをオフのまま組み合わせの任意の時間がありますステートメント。 expressionステートメントは、その性質上、式であるため、前の式またはステートメントでパーサーがそれらを使用できる場合は、式が使用されます。

---

FWIW、astexplorer.netは、私は最近、（バベルプロジェクトのおかげで）見つけたクールなツールです。これはインタラクティブな構文ツリーエクスプローラで、いくつかのパーサーのいずれかを使用してコードを解析し、正確にを教えてください。パーサーされました。 githubアカウントからは、私たち自身のFelix Klingによって開始されました。

---

Quoting Brendan Eich：

ASIは、構文エラー訂正手順を（正式に言えば）されます。あたかも普遍的な重要な改行規則のようにコードを作成すると、困ったことになります。