CODEWITHSUNDEEP
javascript
Iladarsda
Iladarsda

Reputation: 10696

JavaScript - self-executing anonymous functions and callback

Can I use callback with self-executing function?
If yes, have you seen any examples?

JavaScript self-executing function:

(function(){

    //Do Stuff

})()

Upvotes: 12

Views: 10714

Answers (2)

Tadeck
Tadeck

Reputation: 137310

Of course you can - this is common way of enclosing your variables within some function so they do not interfere with global variables (or from separate closures).

Some example:

(function(){

    var counter = 0;
    var step = function(){
        counter++;
        console.log(counter + ' Mississipi...');
    };

    setInterval(step, 1000);

})();

(function(){

    var counter = 0;
    var step = function(){
        counter++;
        console.log('3 seconds passed for a ' + counter + ' time');
    };

    setInterval(step, 3000);

})();

Thanks to the closures, the variables from them are not interfering with the ones from different closure (different anonymous function).

Working example in this jsfiddle.

EDIT:

Is you want to execute the code from some callback in such function, you may write something like that:

var my_own_callback = function(data){
    // some code for callback working on data passed
};
// ...
(function(callback){
    var result; // future data sent to callback
    // do whatever you need here
    callback(result);
})(my_own_callback);

or even like that:

(function(callback){
    var result; // data that will be sent to callback
    // do whatever you need here
    callback(result);
})(function(data){
    // code for callback using data set to this callback
});

which, however, seems to be rather careless and unnecessarily increasing the complexity of your code.

Upvotes: 12

mamoo
mamoo

Reputation: 8166

Something like that?

(function(callback){

  //Do Stuff

  //Callback
  if(typeof callback === 'function') {
      callback();
  }
})(myCallback);

Upvotes: 3

Related Questions