版本

valid-jsdoc

JSDoc 从 JavaScript 代码中格式良好的注释生成应用程序编程接口 (API) 文档。例如,这是函数的 JSDoc 注释

/**
 * Add two numbers.
 * @param {number} num1 The first number.
 * @param {number} num2 The second number.
 * @returns {number} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

如果注释由于打字错误而无效,则文档将不完整。

如果注释不一致,因为在修改函数定义时未更新它们,则读者可能会感到困惑。

规则详情

此规则强制执行有效且一致的 JSDoc 注释。它报告以下任何问题

  • 缺少参数标签:@arg@argument@param
  • 注释中参数名称的顺序与函数或方法不一致
  • 缺少返回标签:@return@returns
  • 缺少参数或返回类型
  • 缺少参数或返回描述
  • 语法错误

此规则不会报告类、函数或方法缺少 JSDoc 注释。

注意:此规则不支持 Google Closure 文档工具的所有用例。因此,某些代码(例如 (/**number*/ n => n * 2);)将被标记为缺少适当的函数 JSDoc 注释,即使 /**number*/ 旨在作为类型提示而不是函数的文档块。如果您以这种方式使用类型提示,我们建议不要使用此规则。

此规则的错误代码示例

/*eslint valid-jsdoc: "error"*/

// expected @param tag for parameter num1 but found num instead
// missing @param tag for parameter num2
// missing return type
/**
 * Add two numbers.
 * @param {number} num The first number.
 * @returns The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

// missing brace
// missing @returns tag
/**
 * @param {string name Whom to greet.
 */
function greet(name) {
    console.log("Hello " + name);
}

// missing parameter type for num1
// missing parameter description for num2
/**
 * Represents a sum.
 * @constructor
 * @param num1 The first number.
 * @param {number} num2
 */
function sum(num1, num2) {
    this.num1 = num1;
    this.num2 = num2;
}

此规则的正确代码示例

/*eslint valid-jsdoc: "error"*/

/**
 * Add two numbers.
 * @param {number} num1 The first number.
 * @param {number} num2 The second number.
 * @returns {number} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

// default options allow missing function description
// return type `void` means the function has no `return` statement
/**
 * @param {string} name Whom to greet.
 * @returns {void}
 */
function greet(name) {
    console.log("Hello " + name);
}

// @constructor tag allows missing @returns tag
/**
 * Represents a sum.
 * @constructor
 * @param {number} num1 The first number.
 * @param {number} num2 The second number.
 */
function sum(num1, num2) {
    this.num1 = num1;
    this.num2 = num2;
}

// class constructor allows missing @returns tag
/**
 * Represents a sum.
 */
class Sum {
    /**
     * @param {number} num1 The first number.
     * @param {number} num2 The second number.
     */
    constructor(num1, num2) {
        this.num1 = num1;
        this.num2 = num2;
    }
}

// @abstract tag allows @returns tag without `return` statement
class Widget {
    /**
    * When the state changes, does it affect the rendered appearance?
    * @abstract
    * @param {Object} state The new state of the widget.
    * @returns {boolean} Is current appearance inconsistent with new state?
    */
    mustRender (state) {
        throw new Error("Widget subclass did not implement mustRender");
    }
}

// @override tag allows missing @param and @returns tags
class WonderfulWidget extends Widget {
    /**
     * @override
     */
    mustRender (state) {
        return state !== this.state; // shallow comparison
    }
}

选项

此规则具有一个对象选项

  • "prefer" 强制执行由一个对象指定的、一致的文档标签,该对象的属性表示使用值而不是键(例如,"return": "returns" 表示使用 @returns 而不是 @return
  • "preferType" 强制执行由一个对象指定的、一致的类型字符串,该对象的属性表示使用值而不是键(例如,"object": "Object" 表示使用 Object 而不是 object
  • "requireReturn" 要求使用返回标签
    • true(默认值)即使函数或方法没有 return 语句(此选项值不适用于构造函数)
    • false当且仅当函数或方法具有 return 语句或返回值,例如 async 函数(此选项值适用于构造函数)
  • "requireReturnType": false 允许在返回标签中缺少类型
  • "matchDescription" 指定(作为字符串)一个正则表达式,以匹配每个 JSDoc 注释中的描述(例如,".+" 要求提供描述;此选项不适用于参数或返回标签中的描述)
  • "requireParamDescription": false 允许在参数标签中缺少描述
  • "requireReturnDescription": false 允许在返回标签中缺少描述
  • "requireParamType": false 允许在参数标签中缺少类型

prefer

使用示例 "prefer": { "arg": "param", "argument": "param", "class": "constructor", "return": "returns", "virtual": "abstract" } 选项的此规则的其他错误代码示例

/*eslint valid-jsdoc: ["error", { "prefer": { "arg": "param", "argument": "param", "class": "constructor", "return": "returns", "virtual": "abstract" } }]*/

/**
 * Add two numbers.
 * @arg {int} num1 The first number.
 * @arg {int} num2 The second number.
 * @return {int} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

/**
 * Represents a sum.
 * @class
 * @argument {number} num1 The first number.
 * @argument {number} num2 The second number.
 */
function sum(num1, num2) {
    this.num1 = num1;
    this.num2 = num2;
}

class Widget {
    /**
     * When the state changes, does it affect the rendered appearance?
     * @virtual
     * @argument {Object} state The new state of the widget.
     * @return {boolean} Is current appearance inconsistent with new state?
     */
    mustRender (state) {
        throw new Error("Widget subclass did not implement mustRender");
    }
}

preferType

使用示例 "preferType": { "Boolean": "boolean", "Number": "number", "object": "Object", "String": "string" } 选项的此规则的其他错误代码示例

/*eslint valid-jsdoc: ["error", { "preferType": { "Boolean": "boolean", "Number": "number", "object": "Object", "String": "string" } }]*/

/**
 * Add two numbers.
 * @param {Number} num1 The first number.
 * @param {Number} num2 The second number.
 * @returns {Number} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

/**
 * Output a greeting as a side effect.
 * @param {String} name Whom to greet.
 * @returns {void}
 */
function greet(name) {
    console.log("Hello " + name);
}

class Widget {
    /**
     * When the state changes, does it affect the rendered appearance?
     * @abstract
     * @param {object} state The new state of the widget.
     * @returns {Boolean} Is current appearance inconsistent with new state?
     */
    mustRender (state) {
        throw new Error("Widget subclass did not implement mustRender");
    }
}

requireReturn

使用 "requireReturn": false 选项的此规则的其他错误代码示例

/*eslint valid-jsdoc: ["error", { "requireReturn": false }]*/

// unexpected @returns tag because function has no `return` statement
/**
 * @param {string} name Whom to greet.
 * @returns {string} The greeting.
 */
function greet(name) {
    console.log("Hello " + name);
}

// add @abstract tag to allow @returns tag without `return` statement
class Widget {
    /**
     * When the state changes, does it affect the rendered appearance?
     * @param {Object} state The new state of the widget.
     * @returns {boolean} Is current appearance inconsistent with new state?
     */
    mustRender (state) {
        throw new Error("Widget subclass did not implement mustRender");
    }
}

使用 "requireReturn": false 选项的此规则的其他正确代码示例

/*eslint valid-jsdoc: ["error", { "requireReturn": false }]*/

/**
 * @param {string} name Whom to greet.
 */
function greet(name) {
    console.log("Hello " + name);
}

requireReturnType

使用 "requireReturnType": false 选项的此规则的其他正确代码示例

/*eslint valid-jsdoc: ["error", { "requireReturnType": false }]*/

/**
 * Add two numbers.
 * @param {number} num1 The first number.
 * @param {number} num2 The second number.
 * @returns The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

requireParamType

使用 "requireParamType": false 选项的此规则的其他正确代码示例

/*eslint valid-jsdoc: ["error", { "requireParamType": false }]*/

/**
 * Add two numbers.
 * @param num1 The first number.
 * @param num2 The second number.
 * @returns {number} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

matchDescription

使用示例 "matchDescription": ".+" 选项的此规则的其他错误代码示例

/*eslint valid-jsdoc: ["error", { "matchDescription": ".+" }]*/

// missing function description
/**
 * @param {string} name Whom to greet.
 * @returns {void}
 */
function greet(name) {
    console.log("Hello " + name);
}

requireParamDescription

使用 "requireParamDescription": false 选项的此规则的其他正确代码示例

/*eslint valid-jsdoc: ["error", { "requireParamDescription": false }]*/

/**
 * Add two numbers.
 * @param {int} num1
 * @param {int} num2
 * @returns {int} The sum of the two numbers.
 */
function add(num1, num2) {
    return num1 + num2;
}

requireReturnDescription

使用 "requireReturnDescription": false 选项的此规则的其他正确代码示例

/*eslint valid-jsdoc: ["error", { "requireReturnDescription": false }]*/

/**
 * Add two numbers.
 * @param {number} num1 The first number.
 * @param {number} num2 The second number.
 * @returns {number}
 */
function add(num1, num2) {
    return num1 + num2;
}

何时不使用它

如果您没有使用 JSDoc,则可以安全地关闭此规则。

版本

此规则在 ESLint v0.4.0 中引入,并在 v9.0.0-alpha.0 中移除。

进一步阅读

更改语言