JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptの関数コメントに標準規格はある?JSDocスタイルの書き方を解説

JavaScriptの関数コメントには標準仕様があるのか

結論から言うと、JavaScriptの言語仕様(ECMAScript)自体には、関数のドキュメント用コメントに関する公式の標準は定義されていません。しかし、業界ではJSDocと呼ばれる記述スタイルが事実上の標準(デファクトスタンダード)として広く普及しています。

JSDoc形式でコメントを記述しておくと、Visual Studio Codeをはじめとする多くのエディタやIDEが、入力補完や引数の型ヒント、関数の説明ポップアップなどを自動的に表示してくれるため、コードの可読性と保守性が大きく向上します。

JSDocスタイルの記述例

以下は、2つの数値を加算する関数に対して、JSDoc形式のドキュメンテーションコメントを記述した例です。

/**
 * 2つの数値を加算する
 * @param {Number} a - 1つ目の数値
 * @param {Number} b - 2つ目の数値
 * @return {Number} 合計値
 */

function sum(a, b) {
    return a + b;
}

主なJSDocタグの意味

  • @param {型名} 変数名 … 関数の引数の名前とデータ型を記述します。
  • @return {型名} … 戻り値の型と内容を記述します。

このようにJSDoc形式でコメントを統一しておくことで、チーム開発における認識のズレを防げるだけでなく、TypeScriptの型チェックや各種ドキュメント生成ツールとの連携も可能になります。JavaScriptで関数を書く際は、JSDocスタイルのコメントを付ける習慣をつけておくことをおすすめします。

  1. JavaScriptのアロー関数(太い矢印関数)とは?基本構文と使い方をわかりやすく解説

    アロー関数(太い矢印関数)とは 」という矢印のような記号を使うことから、「太い矢印関数(Fat Arrow Function)」とも呼ばれています。 従来のfunctionキーワードを使った定義と比べて記述が大幅に簡潔になるほか、thisの扱いがレキシカル(語彙的)になるという特徴があり、現代のJavaScript開発では広く使われています。 基本構文 アロー関数の基本構文は以下のとおりです。 { } 」を記述するだけです。また、処理が1行で済む場合は、波括弧({ })とreturn文を省略して、さらに短く書くこともできます。 a + b; サンプルコード 次のコードは、JavaScr

  2. JavaScriptの「for...in」ステートメントとは?オブジェクトのプロパティをループ処理する方法を解説

    JavaScriptのfor...in文は、オブジェクトが持つすべてのプロパティ(列挙可能なプロパティ)を順番に取り出して処理するためのループ構文です。オブジェクト内の各キー(プロパティ名)にアクセスしながら、対応する値を取得したい場合に非常に便利です。for...inの基本的な構文for (let 変数名 in オブジェクト) { // 各プロパティに対して実行したい処理 }ループ変数には、各反復ごとにオブジェクトのプロパティ名(キー)が文字列として代入されます。値そのものを取得するには、「オブジェクト[変数名]」のようにブラケット記法を使ってアクセスします。サンプルコード以下は、for