How to create namespaced static functions in Javascript?

Question

Right now, I'm using this fashion:

window.Foo = {
  alpha: function() {},
  bravo: function(arg) {}
}
window.Bar = {
  charlie: function(arg) {}
}

Foo.alpha()
Bar.charlie()

But I suspect that this is not the "correct" way to do things since (1) my IDE chokes up in understanding what I mean in several ways (e.g., won't autocomplete function names if I type in Foo.) and (2) if I iterate through the namespaces, and just return typeof eachone, I get String.

Answer 1

That's completely fine if you don't need private variables. Dynamic languages are hard to parse, and your IDE just isn't getting this.

An alternative, especially if you do need a private class field, is:

window.Foo = new (function(){
  var some_private;
  this.alpha = function(){},
  this.bravo = function(arg){// use arg and some_private}
})();

As for the iteration, I suspect you're using something like:

for(var key in window.Foo) 
{ 
  print(typeof key); 
}

Try:

for(var key in window.Foo) 
{ 
  print(typeof window.Foo[key]); 
}

Answer 2

Try this one. Maybe your IDE will deal with it properly

var Foo = {
   test: function() {},
   test2: function() {}
};

for(var prop in Foo) {
    console.log(typeof Foo[prop]); // Will log 'function'
}

window.Foo = Foo;

Answer 3

This code:

for(var key in window.Foo) 
{
  // Code  
}

only assigns the name of the property to the variable key, which is a string. If you need the associated object (or function), use this instead:

for(var key in window.Foo) 
{
  var obj = window.Foo[key];
  // Code using obj
}

As Matthew Flaschen said, dynamic languages such as JavaScript are hard to parse, so if your IDE doesn't understand something, don't worry too much about it.