English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript基本チュートリアル

JavaScriptオブジェクト

JavaScript関数

JSHTMLDOM

JSブラウザBOM

AJAX基本チュートリアル

JavaScriptリファレンスマニュアル

JavaScriptのコメント

コメントが一行のテキストだけの場合、JavaScriptエンジンはその行を完全に無視します。

通常、コメントはソースコードに関連する追加情報を提供するために追加されます、プログラム、パラメータの説明など。

テストコードのときは、コメントを使って実行を停止したりスキップしたりすることもできます。

単行コメント

単行コメントはダブルスラッシュ(//)を開始し、その後コメントテキストが続きます。

// 「Hello World」をドキュメントにプリントします
document.write("Hello World");
テストを見て‹/›

コメントを書くときは、そのすぐ下の同じレベルのコードに同様にインデントを付けます:

// 関数を初期化します
function showYear() {
   // dateオブジェクト
   let obj = new Date();
   // 現在の年を変数"myYear"に保存します
   let myYear = obj.getFullYear();
   // 現在の年をHTML要素ID="para"にプリントするコマンドを使用します
   document.getElementById("para").innerHTML = myYear;
}
テストを見て‹/›

単行コメントがコード行の最後に現れる場合、これらはインラインコメント

let x = 20;// xに数値を割り当てます
let y = x + 5; //  x + 5 yに値を割り当てます
document.write(y); // 変数yの値をドキュメントにプリントします
テストを見て‹/›

多行コメント

多行コメントやブロックコメントは、一段のコードを紹介や説明する長い形式のコメントです。通常、これらのタイプのコメントはファイルのトップや特に複雑なコードブロックの前に配置されます。

多行コメントはスラッシュと星号(/*)を開始し、星号とスラッシュ(*/)を終了します。

/* greetUser関数を初期化します
ユーザー名を変数に割り当てて表示します。
挨拶文。 */
function greetUser() {
  let name = prompt("你的名字叫什么?");
  document.getElementById("output").innerHTML = "Hello " + name;
}
テストを見て‹/›

時にはブロックコメントのスクリプトのわずかな修正版を見ることがあります。/**コメントブロックの左側に星号付きで始まる。

/**
  *greetUser関数を初期化します。
  *ユーザー名を変数に割り当てます。
  *挨拶を表示します。
  */
function greetUser() {
  let name = prompt("你的名字是?");
  document.getElementById("output").innerHTML = "Hello " + name;
}
テストを見て‹/›

ブロックコメントは通常、公式ドキュメントに使用されます。

実行を防ぐためにコメントを使用

コメントはテストやデバッグのためにコードの実行を迅速かつ簡単に停止するために使用できます。

// addTwoNumbers(5, 5);
multiplyTwoNumbers(6, 3);
テストを見て‹/›

単一行コメントと複数行コメントがコードをコメントアウトするために使用できますが、コメントする部分の大きさによって異なります。

/*
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World<br>");
document.write("Hello World");
*/
テストを見て‹/›

プログラムのロジックを確定する際、コメントはエラーの場所を特定したり、最も実用的なコード行を評価するのに役立ちます。