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