Question

I have created a Javascript namespace like so:

var MyApp = function() {
      return {
        someFunction : function(x) {}
             alert(MyApp.y);
      }
}();

This allows me to do this:

MyApp.someFunction(x);

I would like to be able to do the following:

MyApp.y = "test" so that my someFunction can access this variable Y.

Any ideas on how to solve this? I’d like to keep my NS syntax intact so a solution that works with my example code would be nice.

Answer 1

What you described should work. (Except you have a syntax error and an unused argument x.)

var MyApp = function() {
  return {
    someFunction : function(x) {
         alert(MyApp.y);
    }
  }
}();
MyApp.y = 'test';
MyApp.someFunction() // alerts 'test'

Another approach is to treat your outer function more like a constructor and pass y as a closure:

var MyApp = (function (y) {
    return {
        y: y,
        someFunction: function () {
            alert(MyApp.y); // or alert(this.y)
        }
    }
} ('test'));
MyApp.someFunction(); // alerts 'test'