ホームページ ウェブフロントエンド jsチュートリアル JSコードのアノテーション方法とコードアノテーションの仕様についての深い理解

JSコードのアノテーション方法とコードアノテーションの仕様についての深い理解

Oct 10, 2018 pm 02:35 PM

ページのレイアウト中、コードの読みやすさを向上させるために、コードにコメントを追加することが必要になることがよくあります。この記事では、JS コードに注釈を付ける方法と、JS コードのコメントの仕様について説明します。参考にしていただければ幸いです。

コメントはコードの重要な部分であり、完全なプログラムにはコメントを付ける必要があります。コメントは、プロジェクトの更新や変更に役立つだけでなく、他の人がプロジェクトを入手したときに、あなたが何を書いたかを知るのにも役立ちます。

1. JavaScript コードのコメント方法

JavaScript は、コメント内のコードを実行しません。JS コードのコメントは、単一行のコメントと複数行のコメントに分かれています。ラインコメント。

1. 単一行コメント

// で始まり、// の後にスペースを追加してコメントの内容を記述することができます。現在のコードの機能を説明し、コードなどを説明します。

コード例: ページに表示する必要なしに document.write("String is:" str) コードの 1 行をコメント化します。

<script type="text/javascript">
  function myFunction(){
   var animal = ["dog", "cat", "elephant", "tiger"];
   var str=animal.toString();
   document.write("类型是:"+typeof(str));  
   //document.write("字符串是:"+str)
  }  
 </script>

コメント前のレンダリング:

JSコードのアノテーション方法とコードアノテーションの仕様についての深い理解

コメント後のレンダリング:

JSコードのアノテーション方法とコードアノテーションの仕様についての深い理解

2. 複数行のコメント

複数行のコメントは / で始まります。 * と最後に */ を付けますが、複数行のコメントではなく、単一行のコメントを使用するようにしてください。ただし、コメントに複数行が必要な場合でも、単一行のコメントで完了する必要があります。関数のコメントには複数行のコメントを使用することをお勧めします。

コード例:

<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到菜鸟教程";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>

2. JS コード コメントの仕様

コード コメントが適切でない場合は、適切なコメントを作成する必要があります。コメントを追加する必要がある場合は、他の人が意味を理解できるように詳細に記述し、コードの明確さと読みやすさを向上させるようにしてください。作業中に次の点を達成する必要があります:

1. 論理コードでは、コード コメントが 20% 以上である必要があります。

2. ファイル コメントが作成されるときは、ファイル コメントをヘッダー

3. クラスとインターフェイスにコメントする場合、クラス属性、パブリック メソッド、および保護されたメソッドを使用する場合は、コメントをクラスの前とパッケージの後に配置する必要があります。 , コメント クラス属性、パブリックメソッド、プロテクトメソッドに記述する必要があります。つまり、// コメントを使用します。これは、コメント化されたコード

5 と一致する必要があります。コメントは、コメント化されたコードの前に配置し、別の行に記述する必要があり、途中に空白行を残さないでください。

6. 省略語を使用する場合は、メンバー変数の内容に必要な説明を付ける必要があります。メンバー変数の意味、目的、機能、およびそれらが使用される場合は、// を使用してください。 コメントは、コメントされたコードを整列させる必要があります。

つまり、すべてのプログラマーは、コメントを書く良い習慣を身につけるべきです。これにより、自分自身がコードを読んだり変更したりすることが容易になるだけでなく、他の人がコードを理解し、保守することも容易になります。

上記は、JS コードのアノテーション方法と JS コードのアノテーション仕様を紹介しています。その他の関連チュートリアルについては、

JavaScript ビデオ チュートリアルをご覧ください。

#

以上がJSコードのアノテーション方法とコードアノテーションの仕様についての深い理解の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

ホットトピック

PyCharm ショートカット キーを便利に使用して複数行コメントを実装する PyCharm ショートカット キーを便利に使用して複数行コメントを実装する Jan 27, 2024 am 08:02 AM

PyCharm 複数行コメント ショートカット キー: コード コメントをより便利にし、特定のコード サンプルを必要とする日常のプログラミング作業において、コード コメントは非常に重要な部分です。コードの読みやすさと保守性が向上するだけでなく、他の開発者がコードの意図や設計アイデアを理解するのにも役立ちます。ただし、コード コメントを手動で追加するのは、多くの場合、時間がかかり、退屈な作業です。コードのコメントをより効率的にするために、PyCharm には複数行のコメント用のショートカット キーが用意されています。 PyCharm では、Ctrl+/ を使用できます。

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

iPhoneに保存したパスワードにメモを追加する方法 iPhoneに保存したパスワードにメモを追加する方法 Feb 28, 2024 pm 07:41 PM

iCloud キーチェーンを使用すると、Web サイトやユーザー名を記憶したり推測したりすることなく、パスワードの管理が簡単になります。これを行うには、iCloud キーチェーン内のアプリや Web サイトの既存のパスワードにメモを追加します。この記事では、iPhoneのiCloudキーチェーンに保存したパスワードにメモを追加する方法を説明します。要件 iCloud キーチェーンのこの新機能を使用するには、満たす必要のある要件がいくつかあります。 iOS 15.4 以降を実行している iPhone iCloud キーチェーンに保存されているパスワード 有効な Apple ID 有効なインターネット接続 保存されたパスワードにメモを追加する方法 一部のパスワードを iCloud キーチェーンに保存する必要があることは言うまでもありません。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

コードコメントの効率を向上させる魔法のツール: PyCharm を第一の選択肢にしましょう コードコメントの効率を向上させる魔法のツール: PyCharm を第一の選択肢にしましょう Jan 05, 2024 pm 04:14 PM

PyCharm コメント アーティファクト: コード コメントを簡単かつ効率的にします はじめに: コード コメントは、コードの読み取りや共同開発を容易にするため、またはその後のコードのメンテナンスやデバッグを容易にするためなど、プログラム開発に不可欠な部分です。 Python 開発では、PyCharm アノテーション アーティファクトにより、便利で効率的なコード アノテーション エクスペリエンスがもたらされます。この記事では、PyCharm アノテーション アーティファクトの機能と使用法を詳細に紹介し、具体的なコード例を使用して説明します。 1.PyCharmアノテーションの神

PyCharm アノテーション操作ガイド: コード記述エクスペリエンスの最適化 PyCharm アノテーション操作ガイド: コード記述エクスペリエンスの最適化 Feb 21, 2024 pm 06:27 PM

PyCharm コメント操作ガイド: コード作成エクスペリエンスの最適化 日々のコード作成において、コメントは非常に重要な部分です。良いコメントは、コードの読みやすさを向上させるだけでなく、他の開発者がコードをよりよく理解し、保守するのにも役立ちます。強力な Python 統合開発環境として、PyCharm はコード記述エクスペリエンスを大幅に最適化できるアノテーションに関する豊富な機能とツールも提供します。この記事では、PyCharmでアノテーション操作を行う方法と、PyCharmのアノテーションの活用方法を紹介します。

PHP ドキュメントの究極のガイド: 初心者から熟練者までの PHPDoc PHP ドキュメントの究極のガイド: 初心者から熟練者までの PHPDoc Mar 01, 2024 pm 01:16 PM

PHPDoc は、PHP コードを文書化するための標準化された文書コメント システムです。これにより、開発者は特別にフォーマットされたコメント ブロックを使用してコードに説明情報を追加できるため、コードの可読性と保守性が向上します。この記事では、PHPDoc の開始から習得までに役立つ包括的なガイドを提供します。はじめに PHPDoc を使用するには、コードに特別なコメント ブロックを追加するだけです。通常は関数、クラス、またはメソッドの前に配置されます。これらのコメント ブロックは /** で始まり */ で終わり、間に説明情報が含まれます。 /***2 つの数値の合計を計算します**@paramint$a最初の数値*@paramint$b2 番目の数値*@returnint2 つの数値の合計*/functionsum

PyCharm でコードにすばやくコメントを付けて作業効率を向上させるためのヒントを共有する PyCharm でコードにすばやくコメントを付けて作業効率を向上させるためのヒントを共有する Jan 04, 2024 pm 12:02 PM

効率が向上しました! PyCharmでコードを素早くコメントアウトする方法を共有 日々のソフトウェア開発作業では、デバッグや調整のためにコードの一部をコメントアウトする必要があることがよくあります。コメントを 1 行ずつ手動で追加すると、間違いなく作業量が増加し、時間がかかります。 PyCharm は強力な Python 統合開発環境として、コードに迅速にアノテーションを付ける機能を提供し、開発効率を大幅に向上させます。この記事では、PyCharm でコードに素早く注釈を付ける方法をいくつか紹介し、具体的なコード例を示します。 1つ

See all articles