現役システムエンジニアの備忘録

技術スキルや用語などの記録を残していきます

基礎

JavaScriptのコメントの書き方は?複数行書くには?

投稿日:2019年4月6日 更新日:

コメントを書く人、書かない人って、結構分かれますよね。ただ、私は今まで「一切コメントがなくても簡単に理解できるプログラム」というのには出会ったことがありません(笑)
もちろん、「そもそも複雑なシステムである」「特殊な書き方で見づらい」など原因はさまざまありますが、一切コメントがないのは苦労する場合が多いです。
やっぱり補足として多少のコメントは残してくれてる方がありがたいと感じます。
今回は、そんなコメントの書き方について、記載していきます。

スポンサーリンク

JavaScriptのコメントの書き方は?

JavaScriptでは、その行の「//」より後ろに記述された部分はコメントになります。また、「/*」と「*/」で囲まれた部分もコメントです。

<html>
    <head>
        <title>JavaScript Sample</title>
        <script type=”text/javascript”>
        <!–
            ここにスクリプトを記述します。
            // コメント
            /* コメント */
        //–>
        </script>
    </head>
    <body>
        <script type=”text/javascript”> // JavaScriptは複数記述できる
            <!–
                ここにスクリプトを記述します。
            //–>
        </script>
        <noscript>
            <p>このページはJavaScript対応ブラウザで見てください。</p>
        </noscript>
    </body>
</html>

複数行書くには?

「/*」~「*/」を使用する場合はコメントを複数行にわたって記述できます。

スポンサーリンク
<html>
    <head>
        <title>JavaScript Sample</title>
        <script type=”text/javascript”>
        <!–
            ここにスクリプトを記述します。
        //–>
        </script>
    </head>
    <body>
        <script type=”text/javascript”> // JavaScriptは複数記述できる
            <!–
                ここにスクリプトを記述します。
                /*
                    特定の場所に書き出すには<body>タグの中の
                    書き出したい場所に記述する
                */

            //–>
        </script>
        <noscript>
            <p>このページはJavaScript対応ブラウザで見てください。</p>
        </noscript>
    </body>
</html>

コメントの部分は実行時に無視され、スクリプトの動作に影響を与えます。スクリプトに関する説明を記述したり、エラーの原因と思われる部分をコメントアウトして動作を確認したりするなどの用途で利用されます。

スポンサーリンク

-基礎
-

執筆者:


comment

メールアドレスが公開されることはありません。

関連記事

JavaScriptの繰り返し処理について

処理を繰り返す構文には、繰り返す回数を指定するfor文と、条件が満たされている間繰り返すwhile文があります。処理を繰り返す回数が決まっているときはfor文、繰り返す回数が決まっていないときはwhi …

JavaScriptにおける色の指定

    JavaScriptで色を指定するには、HTML/XHTML同様、RGB値を用いる方法と、色名を用いる方法とがあり、それぞれ次のように指定します。 スポ …

JavaScriptの演算子とは?

JavaScriptには計算や比較に利用するさまざまな演算子があります。大きく分けて、四則演算を行う算術演算子、数値をビットとして扱うビット演算子、if構文などで複数の条件を扱う際に使用する論理演算子 …

JavaScriptをHTML要素内に直接記述する方法

    JavaScriptをWebページに組み込むには次の方法があります。 ・HTML文書内に記述する方法 ・外部ファイルに記述して読み込む方法 ・HTML要 …

JavaScriptの実装。デフォルトのスクリプト言語の指定

HTMLはさまざまなスクリプト言語を利用できるため、デフォルトのスクリプト言語を明示しなければなりません。次の一文をhead要素に記述してください。 <meta http-equiv=&#822 …