Get return value from async function in Javascript

Question

I have a function that is checking for a stored value through chrome.storage.sync.get and inserting a CSS file upon existence of said stored value.

I realize chrome.storage.sync.get is an async function and the return value is not passing back as expected to the makeAggressive() function. However, I don't know how else to write this code to get the result of if (result == 'aggressive') passed to makeAggressive().

How can I retrieve the stored value, check its value and return the result to the calling function?

chrome.tabs.onUpdated.addListener(function(tabId, info, tab) {
    if (info.status == 'complete') applyCSS(tab);
});

function applyCSS(tab) {
    var tabUrl = tab.url;

    if (makeAggressive()) {
        chrome.tabs.insertCSS(tab.id, {
            file: "aggressive.css"
        });
    }
}

function makeAggressive() {
    chrome.storage.sync.get(function(items) {
        var result = items.intensityLevel;
        if (result == 'aggressive') {
            return true;
        }
  });
}

Possible duplicate of How do I return the response from an asynchronous call? — Makyen
– Makyen ♦, Commented Aug 6, 2016 at 20:53

woxxom · Accepted Answer · 2016-08-06 20:56:16Z

2

Simply pass a callback into the async function.
The callback shall be called once the asynchronous activity is completed.

async_function(function() {
    // do something after async_function completes and invokes this callback
});

function async_function(callback) {
    something_async(function(result) {
        callback(result);
    });
}

In your case:

function applyCSS(tab) {
    var tabUrl = tab.url;

    makeAggressive(function() {
        chrome.tabs.insertCSS(tab.id, {
            file: "aggressive.css"
        });
    });
}

function makeAggressive(callback) {
    chrome.storage.sync.get(function(items) {
        var result = items.intensityLevel;
        if (result == 'aggressive') {
            callback();
        }
    });
}

answered Aug 6, 2016 at 20:56

woxxom

75.1k15 gold badges161 silver badges164 bronze badges

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

2 Comments

zeeshan Over a year ago

This worked although I need to get my head around callbacks to understand WHY this worked!

woxxom Over a year ago

Read the linked duplicate question's answer or find some other tutorial.

Collectives™ on Stack Overflow

Get return value from async function in Javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related