Как получить значение из асинхронной функции?

Question

[Александр Панков]

Здравствуйте, пишу расширение для хрома.
Задача подразумевает по определенным событиям посылать запросы на "3ий сервер" и показывать ответы, запросы эти требуют ключ доступа, который хранится в браузере.

Не могу понять как разрулить с асинхронностью, API хрома говорит что функция должна быть синхронная, те в async обвернуть не могу, но мне надо сперва получить токен getToken (await тоже не могу поставить, then же отрабатывает позже чем надо)?

import {HttpService} from '../../services/HttpService';

const BACKEND = 'http://localhost:8080/';

chrome.runtime.onMessage.addListener((message, sender, callback) => {

//код с ошибкой, я знаю
  const tokenResponse = await getToken(); // внутри  return chrome.storage.local.get('token').then((data) => {return data.token ?? '';});
  token = tokenResponse.token; 
  const http = new HttpService(token, BACKEND); // сюда не приходит токен, тк данный код выполняется раньше получения токена

  switch (message.action) {
    case 'get-task': {
      http.getNewTask().then((response) => {
        callback(response);
      });
      break;
    }
    case 'confirm-task': {
      http.putConfirmTask(message.id).then((response) => {
        callback(response);
      });
      break;
    }
}
return true;
})

Comments

[Антон Антон]

.addListener(async (message

[Александр Панков]

Антон Антон, так делать нельзя
https://developer.chrome.com/docs/extensions/refer...
или вот
https://developer.chrome.com/docs/extensions/refer...

[Александр]

А если использовать Promise.resolve() и .then() для обработки асинхронного значения из getToken()?

chrome.runtime.onMessage.addListener((message, sender, callback) => {
  Promise.resolve(getToken())
    .then((tokenResponse) => {
      const token = tokenResponse.token;
      const http = new HttpService(token, BACKEND);

      switch (message.action) {
        case 'get-task': {
          http.getNewTask().then((response) => {
            callback(response);
          });
          break;
        }
        case 'confirm-task': {
          http.putConfirmTask(message.id).then((response) => {
            callback(response);
          });
          break;
        }
      }
    });

  return true;
});

[Александр Панков]

Александр, не работает, все еще undifinded в переменной в нужный момент

[Антон Антон]

Александр Панков, не увидел по ссылкам запретов

[Антон Антон]

Если же действительно нельзя, то

getToken().then(tokenResponse => {
// тут остальной код, включая callback()
})
return true;