JavaScriptの基本構文
JavaScriptの構文はJava言語に似ており、各ステートメントは;で終わり、ステートメントブロックは{...}を使用します。ただし、JavaScript では各ステートメントの末尾に ; を追加する必要はありません。JavaScript コードを実行するブラウザのエンジンが各ステートメントの末尾に ; を自動的に追加します。
注: JavaScript エンジンにセミコロンの自動追加を許可すると、場合によってはプログラムのセマンティクスが変更され、実行結果が期待と一致しなくなります。このチュートリアルでは ; を省略せず、すべてのステートメントに ; を追加します。
たとえば、次のコード行は完全な代入ステートメントです:
var x = 1;
次のコード行は文字列ですが、完全なステートメントとみなすことができます:
'Hello, world';
次のコード行には 2 つのステートメントが含まれています。 each 各ステートメントはステートメントの終わりを示すために ; を使用します:
var x = 1; var y = 2;
// 1 行に複数のステートメントを記述することはお勧めできません
たとえば、次のコードは最初にステートメントを作成します。判定。判定が true の場合、実行されます。 {...} 内のすべてのステートメント:
if (2 > 1) { x = 1; y = 2; z = 3; }
中括弧 {...} 内のステートメントにはインデントがあり、通常は 4 つのスペースがあることに注意してください。 JavaScript 構文ではインデントは必須ではありませんが、インデントはコードの階層を理解するのに役立つため、コードを記述するときはインデントの規則に従う必要があります。多くのテキスト エディタには、コードの整理に役立つ「自動インデント」機能が備わっています。
{...} をネストして階層構造を形成することもできます。
if (2 > 1) { x = 1; y = 2; z = 3; if (x < y) { z = 4; } if (x > y) { z = 5; } }
JavaScript 自体にはネストのレベルに制限はありませんが、ネストが多すぎると間違いなくコードの理解が大幅に難しくなります。この場合、コードの一部を抽出して関数として呼び出す必要があるため、コードの複雑さを軽減できます。
コメント
// で始まり行末までの文字は行コメントとみなされます。コメントは開発者が見るためのものであり、JavaScript エンジンによって自動的に無視されます。
// これは行コメント アラート('hello) '); // これもコメントです
別の種類のブロック コメントは、複数行の文字を /*...*/ で囲み、大きな「ブロック」をコメントとして扱います:
/* ここからブロックコメントです
まだコメントです
まだコメントです
コメント終了*/
//alert('我不想执行'); alert('我也不想执行');
<html> <head> <script> //alert('我不想执行'); alert('我也不想执行'); </script> </head> <body> ... </body> </html>