JavaScript ステートメント

HTML では、JavaScript ステートメントは Web ブラウザによって「実行」される「命令」です。

例

var x, y, z; // ステートメント 1
x = 22; // ステートメント 2
y = 11; // ステートメント 3
z = x + y; // ステートメント 4

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

JavaScript プログラム

コンピュータ プログラムは、コンピュータによって「実行」される一連の「命令」です。

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

JavaScript プログラムは、一連のプログラミング ステートメントです。

注: HTML では、JavaScript プログラムは Web ブラウザによって実行されます。

JavaScript ステートメント

JavaScript ステートメントは次のもので構成されます:

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

このステートメントは、HTML 要素に id="demo" を使用して「Hello Kitty.」を出力するようにブラウザに指示します。

例

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

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

ほとんどの JavaScript プログラムには、多くの JavaScript ステートメントが含まれています。

これらのステートメントは、記述された順序で 1 つずつ実行されます。

注: 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 アクションを識別するためにキーワードが使用されます。

次の表は、チュートリアルで学習するキーワードの一部を示しています。

注: JavaScript キーワードは予約語を指します。 予約語は変数名として使用できません。