大型backbone.js Web应用程序组织

我目前正在开发一个基于backbone.js 的大型网络应用程序，并且在组织、“僵尸”等方面遇到了很多问题，因此我决定对代码进行重大重构。我已经编写了一堆辅助函数来处理“僵尸”；但是，我想从头开始，为代码创建一个很好的结构/组织。我还没有找到很多关于大型backbone.js组织的优秀教程/示例，所以我有点从头开始，想看看我是否能得到一些关于我开始的地方的意见。

显然我已经在全局命名空间中设置了我的代码；但我也想保持该名称空间相当干净。我的主 app.js 将类文件本身与全局命名空间分开；您可以使用 reg() 函数注册一个类（以便可以实例化它），并且 inst() 函数从类数组中实例化一个类。因此，除了这 3 个方法之外，MyApp 命名空间只有 Router、Model 和 View：

var MyApp = (function () {

    var classes = {
        Routers: {},
        Collections: {},
        Models: {},
        Views: {}
    };

    methods = {

        init: function () {
            MyApp.Router = MyApp.inst('Routers', 'App');
            MyApp.Model = MyApp.inst('Models', 'App');
            MyApp.View = MyApp.inst('Views', 'App');
            Backbone.history.start();
        },

        reg: function (type, name, C) {
            classes[type][name] = C;
        },

        inst: function (type, C, attrs) {
            return new classes[type][C](attrs || {});
        }

    };

    return methods;

}());

$(MyApp.init);

在模型、集合、路由器和视图中，我像往常一样工作，但随后需要在文件末尾注册该类，以便稍后可以通过以下方式实例化它（不会扰乱命名空间）：

MyApp.reg('Models', 'App', Model);

这看起来是一种不必要的代码组织方式吗？其他人是否有更好的示例来说明如何组织具有许多路由器、集合、模型和视图的大型项目？

我最近参与了一个名为 GapVis 的 Backbone 项目（代码在这里 https://github.com/nrabinowitz/gapvis, 此处呈现的内容 http://nrabinowitz.github.com/gapvis）。我不知道它是否“真的很大”，但它很大并且相对复杂 - 24 个视图类，5 个路由器等。它可能值得一看，尽管我不知道我所有的方法都会相关的。你可以在我的长介绍评论中看到我的一些想法主 app.js 文件 https://github.com/nrabinowitz/gapvis/blob/master/app/app.js。一些关键的架构选择：

• 我有一个单身人士State保存所有当前状态信息的模型 - 当前视图、我们正在查看的模型 ID 等。每个需要修改应用程序状态的视图都是通过在State，每个需要响应状态的视图都会监听该模型的事件。对于修改状态和更新的视图来说也是如此 - UI 事件处理程序events永远不要重新渲染视图，这是通过将渲染函数绑定到状态来完成的。这种模式确实有助于保持视图彼此分离——视图永远不会调用另一个视图上的方法。

• 我的路由器被视为专门的视图 - 它们通过更新状态来响应 UI 事件（即输入 URL），并通过更新 UI（即更改 URL）来响应状态更改。

• 我做了几件与你提议的类似的事情。我的命名空间有一个init功能与你的相似，并且settings常量对象。但我也将大部分模型和视图类放在命名空间中，因为我需要在多个文件中引用它们。

• 我为我的路由器使用了一个注册系统，并根据我的观点考虑了一个注册系统，作为保留“主”类的一种好方法（AppRouter and AppView）不必了解每个视图。在里面AppView不过，事实证明子视图的顺序很重要，所以我最终对这些类进行了硬编码。

我很难说这是“正确”的做事方式，但它对我有用。我希望这对我有帮助 - 我也很难找到使用 Backbone 的大型项目的可见源代码示例，并且必须在我进行过程中解决其中的大部分问题。