46

我一直在尝试使用 JSDoc3 在文件上生成文档,但我遇到了一些困难。该文件(这是一个 Require.js 模块)基本上如下所示:

define([], function() {

    /*
     * @exports mystuff/foo
     */
    var foo = {
        /**
         * @member
         */
        bar: {
            /**
             * @method
             */
            baz: function() { /*...*/ }
        }
    };

    return foo;
}

问题是,我无法baz出现在生成的文档中。相反,我只是得到一个foo/foo模块的文档文件,其中列出了一个bar成员,但bar没有baz(只是一个指向foo源代码的链接)。

我已经尝试将bar' 指令更改为@property,并且我尝试将baz' 指令更改为@memberor @property,但这些都没有帮助。不管我做什么,baz 似乎都不想出现。

有谁知道我可以使用什么指令结构让 baz 出现在生成的文档中?

PS 我试过在 JSDoc 网站http://usejsdoc.org/howto-commonjs-modules.htmlfoo.bar上阅读类似这样的页面,但它只描述了foo.bar.baz.

4

4 回答 4

56

您可以将@module@namespace@memberof结合使用。

define([], function() {

    /**
     * A test module foo
     * @version 1.0
     * @exports mystuff/foo
     * @namespace foo
     */
    var foo = {
        /**
         * A method in first level, just for test
         * @memberof foo
         * @method testFirstLvl
         */
        testFirstLvl: function(msg) {},
        /**
         * Test child object with child namespace
         * @memberof foo
         * @type {object}
         * @namespace foo.bar
         */
        bar: {
            /**
             * A Test Inner method in child namespace
             * @memberof foo.bar
             * @method baz
             */
            baz: function() { /*...*/ }
        },
        /**
         * Test child object without namespace
         * @memberof foo
         * @type {object}
         * @property {method} baz2 A child method as property defination
         */
        bar2: {
            /**
             * A Test Inner method
             * @memberof foo.bar2
             * @method baz2
             */
            baz2: function() { /*...*/ }
        },
        /**
         * Test child object with namespace and property def.
         * @memberof foo
         * @type {object}
         * @namespace foo.bar3
         * @property {method} baz3 A child method as property defination
         */
        bar3: {
            /**
             * A Test Inner method in child namespace
             * @memberof foo.bar3
             * @method baz3
             */
            baz3: function() { /*...*/ }
        },
        /**
         * Test child object
         * @memberof foo
         * @type {object}
         * @property {method} baz4 A child method
         */
        bar4: {
             /**
             * The @alias and @memberof! tags force JSDoc to document the
             * property as `bar4.baz4` (rather than `baz4`) and to be a member of
             * `Data#`. You can link to the property as {@link foo#bar4.baz4}.
             * @alias bar4.baz4
             * @memberof! foo#
             * @method bar4.baz4
             */
            baz4: function() { /*...*/ }
        }
    };

    return foo;
});

根据评论编辑:(模块的单页解决方案)

bar4 没有那个丑陋的属性表。即从 bar4 中删除的 @property。

define([], function() {

    /**
     * A test module foo
     * @version 1.0
     * @exports mystuff/foo
     * @namespace foo
     */
    var foo = {
        /**
         * A method in first level, just for test
         * @memberof foo
         * @method testFirstLvl
         */
        testFirstLvl: function(msg) {},
        /**
         * Test child object
         * @memberof foo
         * @type {object}
         */
        bar4: {
             /**
             * The @alias and @memberof! tags force JSDoc to document the
             * property as `bar4.baz4` (rather than `baz4`) and to be a member of
             * `Data#`. You can link to the property as {@link foo#bar4.baz4}.
             * @alias bar4.baz4
             * @memberof! foo#
             * @method bar4.baz4
             */
            baz4: function() { /*...*/ },
            /**
             * @memberof! for a memeber
             * @alias bar4.test
             * @memberof! foo#
             * @member bar4.test
             */
             test : true
        }
    };

    return foo;
});

参考 -

  1. 关于嵌套命名空间的另一个问题
  2. 对于使用命名空间的替代方式
  3. 记录文字对象

*注意我自己没有试过。请尝试并分享结果。

于 2013-10-12T16:08:28.460 回答
8

这是一个简单的方法:

/**
 * @module mystuff/foo
 * @version 1.0
 */
define([], function() {

/** @lends module:mystuff/foo */
var foo = {
    /**
     * A method in first level, just for test
     */
    testFirstLvl: function(msg) {},
    /**
     * @namespace
     */
    bar4: {
        /**
         * This is the description for baz4.
         */
        baz4: function() { /*...*/ },
        /**
         * This is the description for test.
         */
        test : true
    }
};

return foo;
});

请注意,jsdoc 可以推断类型baz4.baz4test而不必说@method 和@member。

至于让 jsdoc3 将类和命名空间的文档与定义它们的模块放在同一页面上,我不知道该怎么做。

我已经使用 jsdoc3 几个月了,用它记录了一个小型库和一个大型应用程序。我更喜欢在某些领域屈从于 jsdoc3 的意志,而不是必须输入大量的 @-directives 来屈从于我的意志。

于 2013-11-07T01:02:37.347 回答
1

您不能直接记录嵌套函数。我不喜欢 Prongs 解决方案,所以我使用了没有命名空间的不同实现(它是 JS,而不是Java!)。

更新:

我更新了我的答案以反映 OP 给出的确切用例(这是公平的,因为 JSdoc 使用起来非常痛苦)。以下是它的工作原理:

/** @module foobar */

/** @function */
function foobarbaz() {
    /* 
     * You can't document properties inside a function as members, like you
     * can for classes. In Javascript, functions are first-class objects. The
     * workaround is to make it a @memberof it's closest parent (the module).
     * manually linking it to the function using (see: {@link ...}), and giving
     * it a @name.
     */

    /**
     * Foo object (see: {@link module:foobar~foobarbaz})
     * @name foo
     * @inner
     * @private
     * @memberof module:foobar
     * @property {Object} foo - The foo object
     * @property {Object} foo.bar - The bar object
     * @property {function} foo.bar.baz - The baz function
     */
    var foo = {

        /* 
         * You can follow the same steps that was done for foo, with bar. Or if the
         * @property description of foo.bar is enough, leave this alone. 
         */
        bar: {

            /*
             * Like the limitation with the foo object, you can only document members 
             * of @classes. Here I used the same technique as foo, except with baz.
             */

            /**
             * Baz function (see: {@link module:foobar~foo})
             * @function
             * @memberof module:foobar
             * @returns {string} Some string
             */
            baz: function() { /*...*/ }
        }
    };

    return foo;
}

不幸的是,JSdoc 是 Java 的一个端口,所以它有很多对 Java 有意义但对 JS 没有意义的特性,反之亦然。例如,由于在 JS 中函数是一等对象,它们可以被视为对象或函数。所以做这样的事情应该有效:

/** @function */
function hello() {
  /** @member {Object} */
  var hi = {};
}

但它不会,因为 JSdoc 将它识别为一个函数。您将不得不使用命名空间,我的技术 with @link,或使其成为一个类:

/** @class */
function Hello() {
  /** @member {Object} */
  var hi = {};
}

但这也没有任何意义。JS中是否存在类? ,他们没有。

我认为我们确实需要找到更好的文档解决方案。我什至在文档中看到了关于如何显示类型(例如{object}vs {Object})的不一致。

你也可以使用我的技术来记录闭包

于 2014-12-17T02:18:22.067 回答
0

只是为了改进 Prongs 对JSDoc3的回答,我只有在使用@instance注释代替@member时才能让它工作。

ES6 示例代码如下:

class Test
{
    /**
     * @param {object} something
     */
    constructor(something)
    {
        this.somethingElse = something;

        /**
         * This sub-object contains all sub-class functionality.
         *
         * @type {object}
         */
        this.topology = {
            /**
             * Informative comment here!
             *
             * @alias topology.toJSON
             * @memberof! Test#
             * @instance topology.toJSON
             * 
             * @returns {object} JSON object
             */
            toJSON()
            {
                return deepclone(privatesMap.get(this).innerJSON);
            },


            ...
        }
    }
}
于 2016-10-02T13:59:03.253 回答