Backbone.js 初始化多个 router.js 文件

Question

我正在使用 Backbone.js require.js underscore.js 来构建应用程序。在我的 javascript 中，我有处理菜单选择的 mainrouter.js 文件。

应用程序分为几个部分，我希望每个部分都有一个 sectionRouter.js 文件。

由于某种原因，当尝试加载一个 sectionRouter.js 时，我收到以下错误

TypeError: SectionRouter 未定义

这是我的 mainApplication.js 文件的代码

define([ 
     'jquery', 
     'underscore', 
     'backbone', 
     'mainRouter', // Request mainRouter.js 
     'bootstrap',
     'sectionRouter'  // this is the
 ], function($, _, Backbone, Router,SectionRouter){ 
var initialize = function(){ // Pass in our Router module and call it's initialize function
    Router.initialize();
    initializeAnalytics();
    //Initiate a new history and controller class
    Backbone.emulateHTTP = true;
    Backbone.emulateJSON = true;           
    Backbone.history.start();                
}; 

var initializeAnalytics = function(){
    SectionRouter.initialize();
};

var initializeAll = function(){
    initialize();
    initializeAnalytics();
};

return { 
    initialize: initialize
};  
}); 

部分sectionRouter：

 var SectionRouter= Backbone.Router.extend({
            //restfulUrl:"http://localhost:8080/myapp/", //This is the application service 
                            //Routes tell the app what to do
            routes:{
                "analytics/consumptions":"consumptionsActions",
                "analytics/contents":"contentsActions",
                "analytics/users":"usersAction"                    
            }               
        });

 var initialize = function (){              
            var sectionConsoleRouter= new SectionRouter;                
            //map consumptionsAction routing
            sectionConsoleRouter.on('route:consumptionsActions', function(){                    
                SeriesStorage(url to call);                  
             });
   };

  return { 
            initialize: initialize
        }; 

能否告诉我是否可以同时加载 mainRouter.js 和其他 sectionRouter.js 文件。

编辑

是否可以在mainRouter内部初始化sectionRouter？

Answer 1

您已将引导程序添加到定义函数参数的列表中，但该列表与您的 require 数组中的模块不匹配。所以 SectionRouter 没有值（这就是你得到“未定义”的原因）。

试试：

define([ 
     'jquery', 
     'underscore', 
     'backbone', 
     'mainRouter', // Request mainRouter.js 
     'sectionRouter'  // this is the
     'bootstrap'
 ], function($, _, Backbone, Router,SectionRouter, Bootstrap){ 

可能还有其他事情可以改进您想要实现的目标，但这将回答您在此处提出的问题。