关于在JavaScript中显示模块模式

Question

我目前正在使用jQM，Highcharts和HTML5构建移动Web应用程序。

为了维护JavaScript代码，我决定将Revealing模块模式应用于代码。

这是我的代码。

var MobileWebV1 = function () {

    function _buildPanelMenu(pageId, isNormalMenu) {
    }

    function _buildHeaderBar(pageId, isNormalMenu) {
    }

    return {
        buildPanelMenu: _buildPanelMenu,
        buildHeaderBar: _buildHeaderBar
    };
}();

我想知道是否可以添加另一个层次结构来对对象中的方法进行分类。

我想添加'UserInterface'和' Util。'在这种情况下，我可以调用这样的方法： MobileWebV1.UserInterface.buildPanelMenu（ 'pageHome'，false）;

我试图修改我的目标，但我仍然坚持当前的问题。

如果您知道答案，请分享您的知识。

Answer 1

只需嵌套object literals：

return {
    Util: {
        …
    },
    UserInterface: {
        buildPanelMenu: _buildPanelMenu,
        buildHeaderBar: _buildHeaderBar
    }
};