如何在JavaScript中創建名稱空間？

Question

我想用

MyNamespace.variable1 

是全局可訪問的訪問變量。我相信Drupal會做類似的事情，不是嗎？

Answer 1

的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 2

只需創建一個對象。例如： -

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

Answer 3

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

這只是一個對象真的。

Answer 4

另外，如果你有很多JS文件，每添加一個「命名空間」或對象到頂層包，你可以做這樣的東西：

ModuleA.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 
} 

ModuleB.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;。所以你可以封裝函數和變量。

對於我的代碼，我想有一個根對象，（即），然後添加「類」（對象）它使一切有一個很好的「包像」，「面向對象」的結構給它。