JavaScript namespaces

Question

Which is the best way to access a function or property from one namespace within another in JavaScript? Example:


var NS = {};  
NS.A = {  
    prop1: 'hello',
    prop2: 'there',
    func: function() {alert('boo');}  
};  

NS.B.C = {  

    func1: function() {
        // Here I want to access the properties and function from the namespace above
        alert( NS.A.prop1 + NS.A.prop2 ); // ?
        NS.A.func(); // ?
    }

};

NS.B.C.func1();

Ok, but do I have to write 100 times NS.A for every property or function I want to access? Or should I better create a local variable pointing to NS.A? As a matter of fact, I am trying the second, but don't find it clean either. — user287966
– user287966, Commented Apr 17, 2011 at 16:54
You should read about javascript closure. Having a local variable within scoop pointing outside to NS.A will definitely be faster than referring a variable outside the scoop. — Mickel
– Mickel, Commented Apr 17, 2011 at 17:03

Quentin · Accepted Answer · 2011-04-17 16:48:27Z

4

Of course, a "namespace" in JavaScript is just a global object where a collection of associated functions and pieces of data are stored (instead of having lots of globals, one for each function and piece of data).

The only reason your example won't work is that NS.B is undefined when you try to assign a C property to it.

answered Apr 17, 2011 at 16:48

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mickel · Accepted Answer · 2011-04-17 16:49:45Z

2

NS.B.C causes the error... something like this should work for you:

NS.B = {
  C: {
    func1: function() {
        // Here I want to access the properties and function from the namespace above
        alert( NS.A.prop1 + NS.A.prop2 ); // ?
        NS.A.func(); // ?
    }
  }
};

See http://jsbin.com/eweta5/2 for example.

answered Apr 17, 2011 at 16:49

Mickel

6,6965 gold badges46 silver badges60 bronze badges

Collectives™ on Stack Overflow

JavaScript namespaces

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related