Javascript Function logging to console from another function

Question

I have a small problem, due to my lack of experiance with JS ...

I have a function in my file , which is logging to console correctly, but somehow, not returning same value it logged ( or maybe I do not know how to pull it ..)

function getStoragex() {
    chrome.storage.sync.get('alertsOn', function(data) {
          var optionShowAlertsx = data;
          console.info("This is logging ok" + optionShowAlertsx.alertsOn);
          return optionShowAlertsx.alertsOn;
        });

    }

The logging is :

DATA true

Later on, I have this ( inside another function )

var optionShowAlerts =  getStoragex();
console.info("This is logging undefined " + optionShowAlerts);

What am I doing wrong ??

T.J. Crowder · Accepted Answer · 2014-09-08 14:07:37Z

1

Your return statement is inside the anonymous function you're passing to chrome.storage.sync.get. Your getStoragex function never issues a return and so a call to it gets the result undefined.

~~If chrome.storage.sync.get is a synchronous function (which it seems like it might be from the name), you can do this:~~

function getStoragex() { var rv; chrome.storage.sync.get('alertsOn', function(data) { var optionShowAlertsx = data; console.info("This is logging ok" + optionShowAlertsx.alertsOn); rv = optionShowAlertsx.alertsOn; }); return rv; }

(That bracing style is unfamiliar to me, apologies if I've messed it up.)

Edit: It looks to me as though the sync in that name doesn't have to do with the function being synchronous or asynchronous, but rather with data syncing.

If it's asynchonous, then you can't return the result from getStoragex because getStoragex returns before the result is available. In that case, you can accept a callback that you, um, call back with the result when you have it:

function getStoragex(callback) { 
    chrome.storage.sync.get('alertsOn', function(data) {
          var optionShowAlertsx = data;
          console.info("This is logging ok" + optionShowAlertsx.alertsOn);
          callback(optionShowAlertsx.alertsOn);
        });

    }

Alternately, promises are gaining a lot of popularity at the moment. You might look into using one of those (there are several implementations available). The result will still be asynchronous if chrome.storage.sync.get is asynchronous, though.

answered Sep 8, 2014 at 14:07

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

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

1 Comment

Obmerk Kronen Over a year ago

Just starting to read your reply, I immediately got the problem. I had the return in the right spot before, But somewhere along the line I moved it ... Thanks a lot !

Suresh Mahawar · Accepted Answer · 2014-09-08 14:16:09Z

1

Your return statement return value to it chrome.storage.sync.get method 2nd parameter itself. it will not return to getStoragex() method.

try this

function getStoragex() {
    var optionShowAlertsx;
    chrome.storage.sync.get('alertsOn', function(data) {
           optionShowAlertsx = data;
          console.info("This is logging ok" + optionShowAlertsx.alertsOn);
        });
 return optionShowAlertsx.alertsOn
    }
var optionShowAlerts =  getStoragex();
console.log("This is logging undefined " + optionShowAlerts);

edited Sep 8, 2014 at 14:16

answered Sep 8, 2014 at 14:10

Suresh Mahawar

1,59816 silver badges35 bronze badges

Collectives™ on Stack Overflow

Javascript Function logging to console from another function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related