ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptでコードにコメントを付ける方法

JavaScriptでコードにコメントを付ける方法

青灯夜游
リリース: 2023-01-05 16:07:42
オリジナル
4278 人が閲覧しました

JavaScript でコードにコメントを付ける方法: 1. 「//コメントする必要があるコード」という構文で単一行コメントを使用します。2. 「/*」および「*/」で複数行コメントを使用します。コメントする必要があるコードの場合は、「/*コメント内容*/」という構文で囲みます。

JavaScriptでコードにコメントを付ける方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript はコメントを実行しません。

コメントを追加して JavaScript を説明したり、コードの読みやすさを向上させることができます。

JavaScript の単一行コメント

単一行コメントは // で始まります。

導入例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>单行注释</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
// 输出标题:
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落:
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>
<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>
ログイン後にコピー

ページの出力結果:

##JavaScript 複数行コメント

複数行のコメントは

/* で始まり */ で終わります。

次の例では、複数行のコメントを使用してコードを説明しています:

<!DOCTYPE html>
<html>
<head>
<title>多行注释</title>
<meta charset="utf-8">
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到石海莹的博客";
document.getElementById("myP").innerHTML="这是一个欢迎的段落。";
</script>
<p><b>注释:</b>注释块不会被执行。</p>

</body>
</html>
ログイン後にコピー

ページの出力は次のとおりです:

Use実行を防止するコメント

⑴例 1: 次の例では、コメントはコード行の 1 つの実行を防止するために使用されます (デバッグに使用できます):

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>注释组织执行</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH1").innerHTML="这段代码被阻止执行";
document.getElementById("myP").innerHTML="这段代码顺利被执行。";
</script>
<p><strong>注意:</strong> 注释块不会被执行</p>

</body>
</html>
ログイン後にコピー

ページの出力結果は次のとおりです:

⑵例 2: 次の例では、コメントはコード ブロックの実行を防ぐために使用されています (デバッグに使用できます):

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>注释块不执行</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
</script>
<p><strong>注意:</strong>注释块不会被执行。</p>

</body>
</html>
ログイン後にコピー

ページの出力は次のとおりです:

行末にコメントを使用します

次の例では、コード行の最後にあるコメント:

var x=5;    // 声明 x 并把 5 赋值给它
var y=x+2;  // 声明 y 并把 x+2 赋值给它
ログイン後にコピー

コメントの重要性

コメントを書く習慣を身につけてください。

コードをもう一度読んで保守するのに便利です。

後でプロジェクトの担当者が変わった場合でも、他の人がコードを理解し、保守しやすくなります。

[推奨学習:

JavaScript 上級チュートリアル]

以上がJavaScriptでコードにコメントを付ける方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート