モダンJavaScriptチュートリアル-コード構造


現代javascriptチュートリアル
ko.javascript.info
コード構造
1.1文
文(statement)は、ある操作を実行する構文構造(syntax structure)とコマンド(command)を表す.
コードには、必要に応じて複数の文を記述できます.この場合、異なるドアはセミコロンで区切られます.
次のコード例では、「Hello World」を2つのalert文に分けます.
alert('Hello'); alert('World');
コードの可読性を向上させるために、通常、各文は異なるローで記述されます.
alert('Hello');
alert('World');
セミコロン
改行があれば、セミコロンは省略できます.
alert('Hello')
alert('World')
ほとんどの場合、改行はセミコロンを意味しますが、「ほとんどの場合」は必ずしもセミコロンを意味するわけではありません.
alert(3 + 
1
+ 2);
自動挿入は発生していないので、出力は6です.
ローが+で終わると、ローは「不完全な式」なので、セミコロンは必要ありません.
逆にセミコロンは確かに必要ですが、JavaScriptでは推測できない場合もあります.
✔エラー例
JavaScriptがセミコロンを自動的に挿入できない場合は、次のようになります.
[1, 2].forEach(alert)
カッコ[]foreachはまだ学習されていませんので、コードを実行すると12が出力されることを覚えておいてください.
次に、上記のコードの前にセミコロンを付けずにalertを追加します.
alert('에러 발생')
[1, 2].forEach(alert)
サンプルを実行すると、新しく追加したalertのみが正しく出力され、エラーが発生します.alertの末尾にセミコロンを追加して再実行すると、コードは正常に動作します.
alert('제대로 동작합니다.');
[1, 2].forEach(alert)
「よくできた」メッセージの後に、1および2が見られる.
セミコロンがない場合にエラーが発生するのは、javascriptがカッコ[...]の前にセミコロンがあると仮定しないためです.
したがって、セミコロン自動挿入は発生せず、最初の例は単一の文として処理されます.
この例外を除いて、このような状況はいつでも発生する可能性があります.
行を変えても、ドアの真ん中にセミコロンをつけたほうがいいです.
JavaScriptコミュニティでは、このルールの使用も推奨されています.
コメント
コメントは、スクリプトのどこでも作成できます.
JavaScriptエンジンはコメントを無視するため、コメントの場所は実行に影響しません.
1行の注釈は2つのスラッシュ//で始まる.
スラッシュの後ろに注釈を書けばいいです.
// 이 주석은 한 줄을 다 차지합니다.
alert('Hello');
alert('World'); // 이 주석은 문 다음 이어집니다.
複数行の注釈は/*で始まり、*/で終わる.
/* 두줄짜리 주석 예제
이것은 여러 줄의 주석입니다.
*/
alert('Hello');
alert('World');
コメントの内容は無視されます.コードがコメントに存在しても、コードは実行されません.
//alert('Hello');
/*
alert('World');
*/
✔ショートカットキーの使用
ブロックを指定してショートカットキーを押すことで、必要なコードをコメントできます.Ctrl + /を使用して1行の注釈を処理することができ、Ctrl + Shift + /を使用して複数行の注釈を処理することができる.
MacはCtrlCmdに、ShiftOption
❗ネストコメントはサポートされていません./* ... */の中にもう一つの/* ... */があるはずがありません.
/*
  /* 중첩 주석 */
*/
alert( 'World' );
注釈を恐れるな.
本番サーバに配布する前に、コメントを削除できるコードを圧縮するツールがたくさんあります.実行されるスクリプトにはコメントがないため、コメントは最終的に配布されるコードに悪影響を与えません.