backbone.js问题模块定义

Question

我遵循this模式来组织我的js应用程序。

正如该例所说，我们的应用程序应该有单一的入口点。文件application.js这样做的工作。

// Filename: application.js 

var chat = { 
    // Create this closure to contain the cached modules 
    module: function() { 
    // Internal module cache. 
    var modules = {}; 

    // Create a new module reference scaffold or load an 
    // existing module. 
    return function(name) { 
     // If this module has already been created, return it. 
     if (modules[name]) { 
     return modules[name]; 
     } 

     // Create a module and save it under this name 
     return modules[name] = { Views: {} }; 
    }; 
    }() 
}; 

// Using the jQuery ready event is excellent for ensuring all 
// code has been downloaded and evaluated and is ready to be 
// initialized. Treat this as your single entry point into the 
// application. 
jQuery(function($) { 

    $(document).ready(function(){ 
    var foo = new Application.module('Chat').Collection(); 
}); 
}); 


// Filename: chat-module.js 

(function(chat){ 
    chat.Model = Backbone.Model.extend({ ... }), 
    chat.Collection = Backbone.Collection.extend({ ... }), 
})(Application.module('Chat')); 

这似乎很好，但如果试图定义聊天模块例如后来调用它，我有以下错误：

我认为错误是由于jQuery的准备时将调用聊天module.js还不可用。 我该如何解决这个问题？

Answer 1

你的代码创建一个对象，并将其分配给全局变量chat，具有module功能属性：

var chat = { 
    module: function... 
}; 

...但是当你使用它，你用Application.module而非chat.module 。

Application.module('Chat') 

和

var foo = new Application.module('Chat').Collection(); 

在我看来，你的chat变量应该叫Application。

另请注意，您使用module有两种不同的方式，都使用new和不使用。 没有将根据您的代码正确使用。它将双向工作，因为module返回一个函数（这是一个对象），因此它将覆盖正常的new行为，但这意味着使用new没有任何作用，并且误导读者阅读代码。