How to access the function on outer Object in Javascript

Question

I cant call method() inside FB.api. how can I access method? cant do it this.method(); or method();

var MyLayer = cc.Layer.extend({
   init: function(){
      FB.init({
       ............
      });
      FB.getLoginStatus(function(response) {
         if (response.status === 'connected') {
               FB.api('/me', function(response) {
                  this.method(); // <---- I cant call this here. How can I call method(); ?? Thank!
               });
         }
      });
   },
   method: function(){
      alert("Hello");
   }
});

score 4 · Answer 1 · answered May 12 '13 at 07:48

Save a reference to this and use that:

var MyLayer = cc.Layer.extend({
   init: function(){
       var that = this; // Save reference to context
       //.....
       FB.getLoginStatus(function(response) {
           if (response.status === 'connected') {
               FB.api('/me', function(response) {
                  that.method(); // Call method on stored context
               });
           }
        });
    }
});

Alternatively you can bind the callback functions to the context (requires ES5):

var MyLayer = cc.Layer.extend({
   init: function(){
       //.....
       FB.getLoginStatus(function(response) {
           if (response.status === 'connected') {
               FB.api('/me', function(response) {
                  this.method(); // Call method on context
               }.bind(this)); // Bind callback to context
           }
        }.bind(this)); // Bind callback to context
    }
});

Came here for this. Thanks. – John Magistr Mar 23 '15 at 08:23 — John Magistr, Mar 23 '15 at 08:23

score 0 · Answer 2 · answered May 12 '13 at 07:51

Try with:

var MyLayer = cc.Layer.extend({
   init: function(){
      FB.init({});
      FB.getLoginStatus(function(response) {
         if (response.status === 'connected') {
               FB.api('/me', function(response) {
                  MyLayer.method(); 
               });
         }
      });
   },
   method: function(){
      alert("Hello");
   }
});

How to access the function on outer Object in Javascript

2 Answers2