JavaScriptのコメントの書き方を徹底解説！基本構文と記述例

JavaScriptでは、C言語スタイルとC++スタイルの両方のコメント形式がサポートされています。この記事では、それぞれのコメントの書き方と注意点について詳しく解説します。

JavaScriptで使えるコメントの種類

• 1行コメント（//）：「//」から行末までのテキストはすべてコメントとして扱われ、JavaScriptによって無視されます。
• 複数行コメント（/* */）：「/*」と「*/」で囲まれたテキストはコメントとして扱われます。この形式は複数行にまたがるコメントを記述できます。
• HTMLコメント開始タグ（<!--）：JavaScriptはHTMLコメントの開始シーケンス「<!--」も認識し、「//」と同じく1行コメントとして処理します。
• HTMLコメント終了タグ（-->）：HTMLコメントの終了シーケンス「-->」はJavaScriptでは認識されません。そのため、記述する場合は「//-->」のように先頭にスラッシュを付ける必要があります。

コメントの記述例

以下の例は、JavaScriptにおけるコメントの実際の使い方を示したものです。

<script>
    <!--
       // これはコメントです。C++のコメントとよく似ています
       /*
        * これはJavaScriptの複数行コメントです
        * C言語のコメントと非常によく似ています
        */
    //-->
</script>

まとめ

JavaScriptでは、主に「//」（1行コメント）と「/* */」（複数行コメント）の2種類を使い分けます。かつては、JavaScript非対応の古いブラウザでスクリプトがそのまま表示されるのを防ぐため、HTMLコメントタグと組み合わせる手法も使われていましたが、現在ではほとんど利用されていません。コードの可読性や保守性を高めるために、目的に応じて適切なコメントを記述することを心がけましょう。