JavaScriptステートメント
例
let x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
JavaScriptプログラム
コンピュータプログラムは、コンピュータによって「実行」される「命令」のリストです。
プログラミング言語では、これらのプログラミング命令はステートメントと呼ばれます。
JavaScriptプログラムは、プログラミングステートメントのリストです。
HTMLでは、JavaScriptプログラムはWebブラウザによって実行されます。
JavaScriptステートメント
JavaScriptステートメントは次のもので構成されています。
値、演算子、式、キーワード、およびコメント。
このステートメントは、ブラウザに「HelloDolly」と書くように指示します。id = "demo"のHTML要素内:
例
document.getElementById("demo").innerHTML = "Hello Dolly.";
ほとんどのJavaScriptプログラムには、多くのJavaScriptステートメントが含まれています。
ステートメントは、記述されたのと同じ順序で1つずつ実行されます。
JavaScriptプログラム(およびJavaScriptステートメント)は、JavaScriptコードと呼ばれることがよくあります。
セミコロン;
セミコロンはJavaScriptステートメントを区切ります。
各実行可能ステートメントの最後にセミコロンを追加します。
例
let a, b, c; // Declare 3 variables
a = 5; // Assign the value 5 to a
b = 6; // Assign the
value 6 to b
c = a + b; // Assign the sum of a and b to c
セミコロンで区切ると、1行に複数のステートメントを含めることができます。
a = 5; b = 6; c = a + b;
Webでは、セミコロンのない例が表示される場合があります。
ステートメントをセミコロンで終了する必要はありませんが、強くお勧めします。
JavaScriptの空白
JavaScriptは複数のスペースを無視します。スクリプトに空白を追加して、スクリプトを読みやすくすることができます。
次の行は同等です。
let person = "Hege";
let person="Hege";
演算子の前後にスペースを入れることをお勧めします(= +-* /):
let x = y + z;
JavaScriptの行の長さと改行
読みやすくするために、プログラマーは80文字を超えるコード行を避けたいことがよくあります。
JavaScriptステートメントが1行に収まらない場合、JavaScriptステートメントを分割するのに最適な場所は演算子の後にあります。
例
document.getElementById("demo").innerHTML =
"Hello Dolly!";
JavaScriptコードブロック
JavaScriptステートメントは、中括弧{...}内のコードブロックにグループ化できます。
コードブロックの目的は、一緒に実行されるステートメントを定義することです。
ブロックにグループ化されたステートメントを見つける1つの場所は、JavaScript関数です。
例
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Dolly!";
document.getElementById("demo2").innerHTML = "How are you?";
}
このチュートリアルでは、コードブロックに2つのインデントスペースを使用します。
関数については、このチュートリアルの後半で詳しく学習します。
JavaScriptキーワード
JavaScriptステートメントは、実行するJavaScriptアクションを識別するためのキーワードで始まることがよくあります。
予約語リファレンスには、すべてのJavaScriptキーワードがリストされています。
このチュートリアルで学習するキーワードのリストを次に示します。
キーワード | 説明 |
---|---|
var | 変数を宣言します |
let | ブロック変数を宣言します |
const | ブロック定数を宣言します |
if | 条件で実行されるステートメントのブロックをマークします |
switch | さまざまなケースで実行されるステートメントのブロックをマークします |
for | ループで実行されるステートメントのブロックをマークします |
function | 関数を宣言します |
return | 関数を終了します |
try | ステートメントのブロックにエラー処理を実装します |
JavaScriptのキーワードは予約語です。予約語を変数の名前として使用することはできません。