JavaScriptの文

HTMLで、JavaScript文はウェブブラウザによって「実行」される「命令」です。

例

var x, y, z; // 文 1
x = 22; // 文 2
y = 11; // 文 3
z = x + y; // 文 4

自分で試してみてください

JavaScriptプログラム

コンピュータプログラムはコンピュータが「実行」する一連の「命令」です。

プログラミング言語では、これらのプログラミング命令と呼ばれます。

JavaScriptプログラムは一連のプログラミング文。

コメント：HTMLで、JavaScriptプログラムはウェブブラウザによって実行されます。

JavaScriptの文

JavaScriptの文は以下の要素で構成されます：

値、演算子、式、キーワード、コメント。

この文は、id="demo"のHTML要素に"Hello Kitty."を出力するようにブラウザに指示します：

例

document.getElementById("demo").innerHTML = "Hello Kitty.";

自分で試してみてください

ほとんどのJavaScriptプログラムには、多くのJavaScriptの文が含まれています。

これらの文は、書かれた順に順次実行されます。

コメント：JavaScriptプログラム（およびJavaScriptの文）は、よくJavaScriptコードと呼ばれます。

セミコロン ;

セミコロンで区切るJavaScriptの文

各実行可能な文の後ろにセミコロンを追加してください：

a = 5;
b = 6;
c = a + b;

自分で試してみてください

セミコロンで区切られている場合、一行に複数の文を書くことができます：

a = 5; b = 6; c = a + b;

自分で試してみてください

セミコロンを付けない例がオンラインで見られます。

ヒント：文の終わりにセミコロンを付けないのは必須ではありませんが、強く推奨します。

JavaScriptの空白文字

JavaScriptは複数のスペースを無視します。スクリプトにスペースを追加して可読性を向上させることができます。

以下の2行は同じです：

var person = "Bill";
var person="Bill";

演算子の側（= + - * /）にスペースを追加することは良い習慣です：

var x = y + z;

JavaScriptの行長と折り返し

最適な可読性を達成するために、プログラマーはよくコード行を80文字以内に制限します。

JavaScriptの文が長い場合、折り返しの最適な場所はある演算子の側です：

例

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

自分で試してみてください

JavaScriptコードブロック

JavaScriptの文は、括弧（{...}）がコードブロック内にまとめられます。

コードブロックの役割は、一括で実行される文を定義することです。

JavaScriptでは、文がブロックでまとめられていることがよく見られます：

例

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

自分で試してみてください

コメント：このチュートリアルでは、コードブロックには4つのスペースのインデントを使用しています。

ヒント：このチュートリアルの後で、関数に関するさらに多くの情報を学びます。

JavaScript キーワード

JavaScript ステートメントは、実行する必要のあるJavaScriptアクションを識別するために特定のキーワードを使用します。

以下のテーブルには、このチュートリアルで学ぶ予定の一部のキーワードが示されています：

キーワード 説明
break switchまたはループを終了します。
continue ループから退出し、先頭から再開します。
debugger JavaScriptの実行を停止し、デバッグ関数（利用可能な場合）を呼び出します。
do ... while 条件が真のときにコードブロックを実行し、再繰り返します。
for 条件が真のときにのみ実行される必要のある文脈ブロックをマークします。
function 関数を宣言します。
if ... else 特定の条件に応じて実行される必要のある文脈ブロックをマークします。
return 関数から退出します。
switch 特定の状況に応じて実行される必要のある文脈ブロックをマークします。
try ... catch エラーハンドリングを実現するための文脈ブロックです。
var 変数を宣言します。

コメント：JavaScript キーワードは保留された単語です。保留語は変数名として使用できません。

補読

JavaScript 高級教程： ECMAScript 文法