JavaScript 基礎トレーニング

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎トレーニング

JavaScript 参考マニュアル

JavaScriptの構文 JavaScriptの出力

JavaScriptの文

コンピュータプログラムはコンピュータが実行する指示のリストです。

プログラミング言語では、これらのプログラム指示を文と呼びます。

JavaScriptプログラムはプログラム文のリストです。

文はJavaScriptでプログラムの流れを指定するために使用されます。

JavaScript文は以下の要素で構成されています：値、演算子、式、キーワード、コメント。

この文は、id="para"を持つHTML要素に「Hello world」の内容を書き込むことをブラウザに指示します。

例

document.getElementById("para").innerHTML = "Hello world";

テストをしてみて‹/›

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

文句は文句を書く順序で一つずつ実行されます。

例

var a, b, sum;//　文句　1
a =　20;　　　//　文句　2
b =　30;　　　//　文句　3
sum = a　+　b;　　//　文句　4

テストをしてみて‹/›

ステートメントは、スクリプトがどのような操作を実行するか、およびどのように実行するかを定義します。

分号（;）

C、C ++Javaと同様に、JavaScriptではシンプルなステートメントは通常、分号（;）で終わります。

しかし、各ステートメントが別々の行に書かれている場合、JavaScriptではこの分号（;）を省略することができます。

例

var x =　20
var y =　30

テストをしてみて‹/›

しかし、以下のように一行形式で整形式化すると、分号（;）を使用する必要があります：

例

var x =　20; var y =　30;

テストをしてみて‹/›

分号（;）で終わらない文も可能ですが、それでも、分号（;）で終わることを強く推奨します：。

分号（;）を使用することは、良いプログラミング習慣です。

JavaScriptのスペース

JavaScriptは、プログラム内に現れるスペース、タブ、および改行符を無視します。

スクリプトにスペースを追加することで、可読性を向上させることができます。

以下の二行は等価です：

var greet = "Hello world";
var greet = "Hello world";

演算子（=）の前後にスペースを置くことが一般的に推奨されています： +-* /）の前後にスペースを置くことで、可読性を高めることができます：

var sum = a　+　b　;

JavaScriptの行長と改行符

最適な可読性を得るために、コード行を80文字。

JavaScriptステートメントが一行に収まらない場合、演算子（=）の後の改行が最適です +-* /）の後：

例

document.getElementById("para").innerHTML = "20+30の和は「　+
sum;

テストをしてみて‹/›

JavaScriptのコードブロック

JavaScriptステートメントは大括号内のコードブロック内でまとめて書かれることができます{...}。

コードブロックの目的は、一括で実行するステートメントを定義することです。

においてJavaScript関数内、ブロック内でまとめて書かれたステートメントの一箇所に、あなたは気づくでしょう。

例

function myFunc() {
　　document.getElementById("p1").innerHTML = "Hey, there!";
　　document.getElementById("p2").innerHTML = "How are you doing?";
}

テストをしてみて‹/›

JavaScriptのキーワード

JavaScriptステートメントは通常、キーワード実行するJavaScript操作を識別するために、先頭に記号を付ける

以下に、このチュートリアルで学ぶいくつかのキーワードのリストを示します：

キーワード	説明
var	変数を宣言し、値を初期化することもできます
let	ブロック{}の範囲内のローカル変数を宣言し、値を初期化することもできます
const	読み取り専用のネーム付き定数を宣言します
break	現在のループ、switchまたはタグ付きステートメントを終了し、終了されたステートメントの次のステートメントにプログラムコントロールを移行します。
continue	現在のループまたはタグ付きループの現在のイテレーション中でステートメントの実行を終了し、次のイテレーションでループを続けます。
if...else	指定された条件が真である場合、指定されたステートメントを実行します。条件が偽である場合、別のステートメントを実行できます。
switch	式を計算し、その値がcase子句と一致し、そのcaseに関連するステートメントを実行します。
throw	ユーザー定義の例外を発生させます。
try...catch	試行するステートメントブロックをマークし、例外が発生した場合の応答を指定します。
while	指定された条件が真の値であれば、指定されたステートメントを実行するループを作成します。ステートメントを実行する前に条件を評価します。
do...while	指定された条件が偽の値でない限り、指定されたステートメントを実行するループを作成します。指定されたステートメントを実行した後、条件を評価し、指定されたステートメントは少なくとも一度実行されます。
for	三つのオプションの表現からなるループを作成します。括弧で括られ、分号で区切られ、ループ内で実行されるステートメントが続きます。
for...in	任意の順序でオブジェクトの可列属性を巡回します。各異なる属性に対して、ステートメントを実行できます。
for...of	配列、配列に似たオブジェクト、イテレータ、ジェネレータを含む可迭代オブジェクトを巡回し、各異なる属性の値に対して実行する必要のあるステートメントを呼び出すカスタムイテレーションハングルを呼び出します。

JavaScriptの構文 JavaScriptの出力