JavaScript コメント

❮ 前章へ 次章へ ❯

JavaScript コメントを使用すると、JavaScript コードの説明と読みやすくすることができます。

JavaScript コメントは、テストする際に使用した代わりのコードを、実行しないようにするためにも使用できます。


1行のコメント

1行のコメントは // から始まります。

// と行末までの間のテキストは、JavaScript によって無視されます(実行されません)。

次の例では、各コード行の前に1行のコメントを使用しています:

// Change heading:
document.getElementById("myH").innerHTML = "My First Page";
// Change paragraph:
document.getElementById("myP").innerHTML = "My first paragraph.";
Try it Yourself »

次の例では、各行の最後に1行のコメントを使用してコードを説明しています:

var x = 5;      // Declare x, give it the value of 5
var y = x + 2;  // Declare y, give it the value of x + 2
Try it Yourself »

複数行のコメント

複数行のコメントは、/* で始まり */ で終わります。

JavaScript は、/* と */ の間のすべてのテキストを無視します。

次の例では、コードを説明するために複数行のコメント(コメントブロック)を使用しています:

/*
The code below will change
the heading with id = "myH"
and the paragraph with id = "myP"
in my web page:
*/
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
Try it Yourself »

1行コメントを使用するのが最も一般的です。
ブロックコメントは、正式な文書化によく使われます。


実行を防ぐコメントの使用

コードの実行を防ぐためにコメントを使用するのは、コードのテストに適しています。

コード行の前に // を追加すると、そのコード行は、実行可能な行からコメントに変ります。

次の例では、1行のコードを実行しないように // を使用しています:

//document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
Try it Yourself »

次の例では、複数行のコードを実行しないようにコメントブロックを使用してしています:

/*
document.getElementById("myH").innerHTML = "My First Page";
document.getElementById("myP").innerHTML = "My first paragraph.";
*/
Try it Yourself »

❮ 前章へ 次章へ ❯