0

I am tried to get key from chrome local storage in the typescript code(Node version: 16.x), this is the code to get the key from local storage:

const LocalStorage = {
  readLocalStorage: async (key: string) => {
    // https://stackoverflow.com/questions/59440008/how-to-wait-for-asynchronous-chrome-storage-local-get-to-finish-before-continu
    return new Promise((resolve, reject) => {
      chrome.storage.local.get([key], function (result) {
        if (result[key] === undefined) {
          resolve("");
        } else {
          resolve(result[key]);
        }
      });
    });
  },
}

export default LocalStorage

I want the get local storage to be sync, then I am using this code to get the value:

let accessToken:any = await LocalStorage.readLocalStorage(WheelGlobal.ACCESS_TOKEN_NAME);

the problem is that I have to add the async keywords in the function. In the outer level function, I also need to add await and async keywords. If not, the outer function will get the undefined result. Is it possible to just make the function did not add async keywords? what I want is just to make the get local storage sync, after get the key, the code continue, if not get the key, just wait. seems using the await keywords make some side effect.

spark
  • 663
  • 1
  • 5
  • 18
  • 4
    You can't force an asynchronous API to become synchronous. However, you don't have to use the keyword `async` — you can use [`Promise`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise) methods (most commonly [`.then`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/then)). – Lauren Yim Feb 13 '22 at 06:51
  • However, this does still mean every function that uses `LocalStorage.readLocalStorage` is asynchronous. You can't avoid this by omitting `async`: the function will still return a promise. – Lauren Yim Feb 13 '22 at 06:54

0 Answers0