javascript - 我应该如何考虑我的 JavaScript 应用程序 namespace ？

Question

我正在构建一个具有单个全局命名空间的应用，如下所示:

var myApp = {};

然后我有一堆不同的可重用“模块”，由模型、 View 和 Controller 组成。

//Bar chart module code
org.example.chart.bar.module
org.example.chart.bar.model
org.example.chart.bar.view
org.example.chart.bar.controller

我还有一个大数据源单例和一个用于将数据加载到数据源的数据管理器:

org.example.data.dataSource
org.example.data.dataManager //populates the dataSource with CSV data

最后是应该在整个应用程序中可用的翻译字符串和设置:

org.example.static.translations
org.example.static.settings

您将如何(重新)组织它，以便我可以轻松访问应用程序级别的单例(例如数据源、数据管理器、翻译等)，并且可以轻松地实例化在当前应用程序范围内的可重用模块实例？

(例如，您是否会从一开始就为您的“类”和您的应用程序使用相同的命名空间？或者您可能会像这样进行引用:myApp.translations = org.example.static.translations？)

Answer 1

不，我们没有命名空间。我们编写模块化代码并使用模块加载器。

模块加载器的例子是 require.js或 browserify或 seajs .

一个示例模块是这样的:

(function () {
  var jQuery = require("jQuery");
  var chart = require("chart"); 

  ...

  define("moduleName", moduleObject);
})();