如何在 JavaScript 中创建命名空间？

Question

我想通过使用访问变量

MyNamespace.variable1

可在全球范围内访问。 我相信 Drupal 会做类似的事情，不是吗？

Answer 1

var MyNamespace = {};
MyNamespace.variable1 = value1;

真的只是一个 object。

Answer 2

此外，如果您有许多 JS 文件，每个文件都将“命名空间”或 Object 添加到顶级 package 中，您可以执行以下操作：

模块A.js

// if Modules is null, create a new object, else use the currently defined instance
var Modules = Modules || {}; 

Modules.A = {};

// sample instance variable
Modules.A.instanceVar; 

// sample function
Modules.A.myFunc = function(param1, param2) {
   // do something
}

模块B.js

// if Modules is null, create a new object, else use the currently defined instance
var Modules = Modules || {};

Modules.B = {};

// sample instance variable
Modules.B.instanceVar; 

// sample function
Modules.B.myFunc = function(param1, param2) {
   // do something
}

然后，您当然可以根据需要调用它们Modules.A.myFunc()或Modules.B.myFunc()或Modules.B.instnaceVar = 20; . 所以你可以封装函数和变量。

对于我的代码，我喜欢有一个根 Object，（即），然后向其中添加“类”（对象），以便所有内容都有一个很好的“包式”、“OOP”结构。

Answer 3

Drupal 所做的是使用以下代码：

var Drupal = Drupal || { 'settings': {}, 'behaviors': {}, 'locale': {} };

Drupal.attachBehaviors = function (context, settings) {
  context = context || document;
  settings = settings || Drupal.settings;
  // Execute all of them.
  $.each(Drupal.behaviors, function () {
    if ($.isFunction(this.attach)) {
      this.attach(context, settings);
    }
  });
};

Drupal.detachBehaviors = function (context, settings, trigger) {
  context = context || document;
  settings = settings || Drupal.settings;
  trigger = trigger || 'unload';
  // Execute all of them.
  $.each(Drupal.behaviors, function () {
    if ($.isFunction(this.detach)) {
      this.detach(context, settings, trigger);
    }
  });
};

// …

使用类似的代码，您可以使用 JavaScript 模拟命名空间。

Answer 4

只需创建一个 object。 例如：

var MyNamespace = {};
MyNamespace.variable1 = ...