JavaScript 基本的なコード
目次
例
let x, y, z; // 文1
x = 5; // 文2
y = 6; // 文3
z = x + y; // 文4
JavaScriptプログラム
コンピュータプログラムはコンピュータによって「実行」される「命令」のリストです。
プログラミング言語では、これらのプログラム命令を文と呼びます。
JavaScriptプログラムはプログラム文のリストです。
HTMLでは、JavaScriptプログラムはウェブブラウザによって実行されます。
JavaScript文
JavaScriptの文は次の要素で構成されています：
- 値、演算子、式、キーワード、コメント
この文は、ブラウザに対してid=”demo”のHTML要素に「Hello Dolly.」と書き込むよう指示します：
document.getElementById("demo").innerHTML = "Hello Dolly.";
ほとんどのJavaScriptプログラムには多くのJavaScript文が含まれています。
これらの文は書かれた順に1つずつ実行されます。
JavaScriptプログラム（およびJavaScript文）はしばしばJavaScriptコードと呼ばれます。
セミコロン ;
セミコロンはJavaScript文を区切ります。
実行可能な各文の最後にセミコロンを追加してください：
let a, b, c; // 3つの変数を宣言
a = 5; // aに値5を代入
b = 6; // bに値6を代入
c = a + b; // aとbの合計をcに代入
セミコロンで区切られた複数の文を1行にまとめることもできます：
a = 5; b = 6; c = a + b;
ウェブ上では、セミコロンを省略した例も見かけるかもしれません。
文の最後にセミコロンをつけるのは必須ではありませんが、強く推奨されます。
JavaScriptの空白
JavaScriptは複数のスペースを無視します。スクリプトをより読みやすくするために空白を追加することができます。
次の行は等価です：
let person = "Hege";
let person="Hege";
良い習慣としては、演算子（= + – * /）の周りにスペースを置くことです：
let x = y + z;
JavaScriptの行の長さと改行
最良の読みやすさのために、プログラマーは通常、80文字を超えるコード行を避ける傾向があります。
JavaScript文が1行に収まらない場合、最適な改行位置は演算子の後です：
document.getElementById("demo").innerHTML =
"Hello Dolly!";
JavaScriptのコードブロック
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のキーワードは予約語です。予約語は変数の名前として使用できません。