Call an object function from within a callback function in Javascript

Question

I have the following Javascript object:

var obj = (function (){
   return{
     functionOne: function(){}
     functionTwo: function(){
        $("#div").rotate(){
           callback: function(){
              functionOne(); // this doesn't work
           }
        });
     }
   }
}

When I am calling functionOne within a callback function from within functionTwo, functionOne is undefined. How can I call functionOne from withint the callback function of the rotate function (belongs to a plugin I use)?

tckmn · Accepted Answer · 2014-07-07 17:07:50Z

You could try setting the object you're returning to a variable first, and then referencing that:

var obj = (function(){
    var o = {
        functionOne: function(){
            console.log('functionOne');
        },
        functionTwo: function(){
            $("#div").rotate({
                callback: function(){
                    o.functionOne();
                }
            });
        }
   };
   return o;
})();

obj.functionTwo(); // logs "functionOne"

You could also use something like:

var o;
return o = {
    ...
};

Both ways do the same thing; which one you want to use is a matter of personal preference and how readable you think they are.

Enrique Fueyo · Accepted Answer · 2014-07-07 17:25:58Z

1

Inside functionTwo, this refers to the object. So if you save a reference, you can call the function like so:

var obj = (function (){
   return{
     functionOne: function(){},
     functionTwo: function(){
        var o = this;
        $("#div").rotate({
           callback: function(){
              o.functionOne(); // this does work
           }
        })
     }
   }
}());

edited Jul 7, 2014 at 17:25

Enrique Fueyo

3,4981 gold badge18 silver badges10 bronze badges

answered Jul 7, 2014 at 17:14

Jeff Shaver

3,35520 silver badges19 bronze badges

Collectives™ on Stack Overflow

Call an object function from within a callback function in Javascript

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related