Javascript callback from namespace

Question

I have a namespace setup like this:

var myApp = {};
(function(context) {
    var id = 0;

    context.next = function() {
        return id++;
    };

    context.reset = function() {
        id = 0;
    }
})(myApp);
window.console && console.log(
    myApp.next(),
    myApp.next(),
    myApp.reset(),
    myApp.next()
) //0, 1, undefined, 0

I now want to to have a callback from myApp which i can catch outside of the namespace..

Any ideas how to set that up with my namespace setup?

For example something like this:

myApp.setCallback('next', function() {
    alert('hello');
 });

What do you mean by "a callback from myApp which i can catch outside"? — Joseph
– Joseph, Commented May 11, 2013 at 12:13
I guess you would have to pass a callback to all the inner functions and check on that callback when the function executes, and then run it..(so you can either pass a callback or not) — vsync
– vsync, Commented May 11, 2013 at 12:21
Perhaps you could use something like an "event"-pattern, so your app triggers the event "next", and every other object subscribed to this event could do something. — Thomas Junk
– Thomas Junk, Commented May 11, 2013 at 12:23

Tom Elmore · Accepted Answer · 2013-05-11 12:20:27Z

3

You can test for the existance of a callback and run the function if it exists:

var myApp = {};

(function(context) {
    var id = 0;

    context.next = function() {
        return id++;
    };

    context.reset = function() {
        id = 0;

        if(typeof this.onreset === 'function') {
            this.onreset();
        }
    }
})(myApp);


myApp.onreset = function() {};

answered May 11, 2013 at 12:20

Tom Elmore

1,98015 silver badges20 bronze badges

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

1 Comment

MarioDS Over a year ago

This is a nice simple solution.

MarioDS · Accepted Answer · 2013-05-11 14:38:42Z

1

You need to add an object containing the callback functions and a function to register them:

var myApp = {};
(function(context) {
    var id = 0;

    var callbacks = {};

    context.next = function() {
        id++;
        doCallbacks('next');
        return id;
    };

    context.setCallback = function(event, f) {
        if(!callbacks[event] || !callbacks[event] instanceof Array) {
            callbacks[event] = [];
        }
        callbacks[event].push(f);
    }

    context.reset = function() {
        id = 0;
    }

    function doCallbacks(key /*, event */) {
        if(callbacks[key] && callbacks[key] instanceof Array) {
            for(var i=0; i < callbacks[key].length; i++) {
                callbacks[key][i](/*event*/);
            }
        }
    }
})(myApp);

And then you can call:

myApp.setCallback('next', function() {
    alert('hello');
});

working jsFiddle

working jsFiddle with event objects

You may need to tweak the check for an array a bit though, I don't know how to do it perfectly.

edited May 11, 2013 at 14:38

answered May 11, 2013 at 12:26

MarioDS

13.1k15 gold badges70 silver badges123 bronze badges

1 Comment

user1823761 Over a year ago

Your if block in the next method never execute, because it is after return statement.

Collectives™ on Stack Overflow

Javascript callback from namespace

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related