Question

I’ve created an object as follows.

function StartObj() {
   var events = {
      a: function() {
         alert("hello");
      },
      b = function() {
         lightbox(events.a);
      }
   };

   this.main = function() {
      $("#objId").click(events.b);
   }

}

$(document).ready(function(){
      var _start_obj = new StartObj();
      _start_obj.main();
   });

And in another file,

function lightbox(funcPtr) {
   alert(funcPtr);
}

The alert is reporting funcPtr is undefined; also the google chrome console.

Answer 1

You probably don’t do what you think you do.

The line var that = this; is useless and this, anyway, isn’t really x but the receiver of the x.b function.

This means that if you do

x.b();

this works

but if you do

var f = x.b;
f();

this doesn’t work.

If you want to ensure that the working of x.b isn’t dependent of the receiver of the function, you may do this :​

var x = function(){
    var x ={
       a: function() {
           alert("hello");
       } 
    };
    x.b = function() {
        mayhem(x.a);
    }
    return x;
}();

An alternative would be to create a constructor and make x using the new operator.

---

Regarding you edit :

If you want main to be accessible, do this :

function StartObj() {
   var events = {
      a: function() {
         alert("hello");
      }
   };

   events.b = function() {
         lightbox(events.a);
   };

   this.main = function() {
      $("#objId").click(events.b);
   }
}