// My function does X and Y.
// @params {object} parameters An object containing the parameters
// @params {function} callback The callback function
function(parameters, callback) {
}

但是我如何描述参数对象应该如何结构化呢?例如,它应该是这样的:

{
  setting1 : 123, // (required, integer)
  setting2 : 'asdf' // (optional, string)
}

当前回答

我看到已经有一个关于@return标签的答案,但我想给出更多关于它的细节。

首先,官方的JSDoc 3文档没有为我们提供任何关于自定义对象@return的示例。请参见https://jsdoc.app/tags-returns.html。现在,让我们看看在一些标准出现之前我们能做些什么。

Function returns object where keys are dynamically generated. Example: {1: 'Pete', 2: 'Mary', 3: 'John'}. Usually, we iterate over this object with the help of for(var key in obj){...}. Possible JSDoc according to https://google.github.io/styleguide/javascriptguide.xml#JsTypes /** * @return {Object.<number, string>} */ function getTmpObject() { var result = {} for (var i = 10; i >= 0; i--) { result[i * 3] = 'someValue' + i; } return result } Function returns object where keys are known constants. Example: {id: 1, title: 'Hello world', type: 'LEARN', children: {...}}. We can easily access properties of this object: object.id. Possible JSDoc according to https://groups.google.com/forum/#!topic/jsdoc-users/TMvUedK9tC4 Fake It. /** * Generate a point. * * @returns {Object} point - The point generated by the factory. * @returns {number} point.x - The x coordinate. * @returns {number} point.y - The y coordinate. */ var pointFactory = function (x, y) { return { x:x, y:y } } The Full Monty. /** @class generatedPoint @private @type {Object} @property {number} x The x coordinate. @property {number} y The y coordinate. */ function generatedPoint(x, y) { return { x:x, y:y }; } /** * Generate a point. * * @returns {generatedPoint} The point generated by the factory. */ var pointFactory = function (x, y) { return new generatedPoint(x, y); } Define a type. /** @typedef generatedPoint @type {Object} @property {number} x The x coordinate. @property {number} y The y coordinate. */ /** * Generate a point. * * @returns {generatedPoint} The point generated by the factory. */ var pointFactory = function (x, y) { return { x:x, y:y } } According to https://google.github.io/styleguide/javascriptguide.xml#JsTypes The record type. /** * @return {{myNum: number, myObject}} * An anonymous type with the given type members. */ function getTmpObject() { return { myNum: 2, myObject: 0 || undefined || {} } }

其他回答

我看到已经有一个关于@return标签的答案,但我想给出更多关于它的细节。

首先,官方的JSDoc 3文档没有为我们提供任何关于自定义对象@return的示例。请参见https://jsdoc.app/tags-returns.html。现在,让我们看看在一些标准出现之前我们能做些什么。

Function returns object where keys are dynamically generated. Example: {1: 'Pete', 2: 'Mary', 3: 'John'}. Usually, we iterate over this object with the help of for(var key in obj){...}. Possible JSDoc according to https://google.github.io/styleguide/javascriptguide.xml#JsTypes /** * @return {Object.<number, string>} */ function getTmpObject() { var result = {} for (var i = 10; i >= 0; i--) { result[i * 3] = 'someValue' + i; } return result } Function returns object where keys are known constants. Example: {id: 1, title: 'Hello world', type: 'LEARN', children: {...}}. We can easily access properties of this object: object.id. Possible JSDoc according to https://groups.google.com/forum/#!topic/jsdoc-users/TMvUedK9tC4 Fake It. /** * Generate a point. * * @returns {Object} point - The point generated by the factory. * @returns {number} point.x - The x coordinate. * @returns {number} point.y - The y coordinate. */ var pointFactory = function (x, y) { return { x:x, y:y } } The Full Monty. /** @class generatedPoint @private @type {Object} @property {number} x The x coordinate. @property {number} y The y coordinate. */ function generatedPoint(x, y) { return { x:x, y:y }; } /** * Generate a point. * * @returns {generatedPoint} The point generated by the factory. */ var pointFactory = function (x, y) { return new generatedPoint(x, y); } Define a type. /** @typedef generatedPoint @type {Object} @property {number} x The x coordinate. @property {number} y The y coordinate. */ /** * Generate a point. * * @returns {generatedPoint} The point generated by the factory. */ var pointFactory = function (x, y) { return { x:x, y:y } } According to https://google.github.io/styleguide/javascriptguide.xml#JsTypes The record type. /** * @return {{myNum: number, myObject}} * An anonymous type with the given type members. */ function getTmpObject() { return { myNum: 2, myObject: 0 || undefined || {} } }

对于@return标签使用{{field1:数字,field2:字符串}},参见:http://wiki.servoy.com/display/public/DOCS/Annotating+JavaScript+using+JSDoc

到目前为止,有4种不同的方法将对象记录为参数/类型。每一种都有自己的用途。但是,其中只有3个可以用于记录返回值。

对于具有一组已知属性的对象(变体a)

/**
 * @param {{a: number, b: string, c}} myObj description
 */

对于仅用作此函数的参数且不需要进一步描述每个属性的对象,此语法非常理想。 它也可以用于@returns。

对于具有一组已知属性的对象(变体B)

带属性语法的参数非常有用:

/**
 * @param {Object} myObj description
 * @param {number} myObj.a description
 * @param {string} myObj.b description
 * @param {} myObj.c description
 */

对于仅用作此函数的参数且需要进一步描述每个属性的对象,此语法非常理想。 不能用于@returns。

对于将在源中多个点使用的对象

在这种情况下,@typedef非常方便。您可以在源代码中的某个位置定义该类型,并将其用作@param或@returns或其他可以使用该类型的JSDoc标记的类型。

/**
 * @typedef {Object} Person
 * @property {string} name how the person is called
 * @property {number} age how many years the person lived
 */

然后你可以在@param标签中使用这个:

/**
 * @param {Person} p - Description of p
 */

或者在@returns中:

/**
 * @returns {Person} Description
 */

对于所有值都是相同类型的对象

/**
 * @param {Object.<string, number>} dict
 */

第一种类型(字符串)记录了键的类型,在JavaScript中它总是一个字符串,或者至少总是被强制转换为字符串。第二种类型(数字)是值的类型;这可以是任何类型。 这个语法也可以用于@returns。

资源

关于记录类型的有用信息可以在这里找到:

https://jsdoc.app/tags-type.html

PS:

要记录一个可选值,你可以使用[]:

/**
 * @param {number} [opt_number] this number is optional
 */

or:

/**
 * @param {number|undefined} opt_number this number is optional
 */

对于这些情况,有一个新的@config标签。它们链接到前面的@param。

/** My function does X and Y.
    @params {object} parameters An object containing the parameters
    @config {integer} setting1 A required setting.
    @config {string} [setting2] An optional setting.
    @params {MyClass~FuncCallback} callback The callback function
*/
function(parameters, callback) {
    // ...
};

/**
 * This callback is displayed as part of the MyClass class.
 * @callback MyClass~FuncCallback
 * @param {number} responseCode
 * @param {string} responseMessage
 */

来自@param wiki页面:


带属性的参数

如果一个参数希望有一个特定的属性,你可以在参数的@param标签后立即记录它,如下所示:

 /**
  * @param userInfo Information about the user.
  * @param userInfo.name The name of the user.
  * @param userInfo.email The email of the user.
  */
 function logIn(userInfo) {
        doLogIn(userInfo.name, userInfo.email);
 }

曾经有一个@config标记紧跟在相应的@param后面,但它似乎已经被弃用了(这里的例子)。