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

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

基礎

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の条件分岐について

プログラムは通常上から下へ順番に処理されていきますが、複雑なプログラムではユーザの動作や環境などによって処理を分ける必要が生じます。条件によって処理を分ける条件分岐の構文には、2通りの処理に分岐する「 …

JavaScriptの変数について

    変数とは値や式を格納する箱のようなものです。変数を用いることによってスクリプトが簡潔になり、メインテナンスが容易になります。   & …

JavaScriptの外部ファイルへの記述方法

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

JavaScriptの関数について

function ★(♦) {     ▲ } スポンサーリンク ★・・・関数名 ♦・・・引数【省略可】 ▲・・・定義する内容 &n …

JavaScriptとは?特徴と歴史について

    Webシステム開発の現場など、Webページを扱う場合には触る機会も多いJavaScript。何年も触っていなかったので、久しぶり過ぎて忘れている事が多い …