如何将异步功能与键值对Google Chrome扩展一起使用?

时间:2020-06-20 17:02:31

标签: javascript debugging web google-chrome-extension

在函数中,我有一个异步函数,该函数通过调用另一个返回承诺的getLocalStorageValue异步函数来初始化变量(defineVariables)。当defineVariables函数完成所有变量的设置后,它将调用另一个称为response的函数,该函数将向startTimeHour.valueendTimeHour.value发出警报。但是,这些值是不确定的。我该怎么办?

代码:

chrome.webNavigation.onDOMContentLoaded.addListener(function() {
    let startTimeHour;
    let endTimeHour;
    let startTimeMin;
    let endTimeMin;

    defineVariables();

    async function defineVariables(){
        startTimeHour = await getLocalStorageValue("startTimeHour");
        endTimeHour = await getLocalStorageValue("endTimeHour");
        startTimeMin = await getLocalStorageValue("startTimeMin");
        endTimeMin = await getLocalStorageValue("endTimeMin");
        response();
    }
    function response(){
      if(startTimeHour != null && endTimeHour != null){
        alert(startTimeHour)
        alert(endTimeHour)
      }else{
        alert("could not get values")
      }

    chrome.tabs.query({active:true,currentWindow:true},(tabs)=>{
      chrome.tabs.sendMessage(tabs[0].id,'execoverlay',(resp)=>{
         console.log(resp.msg)
      })
    })
  }
    
}, {url: [{urlMatches : 'https://mail.google.com/'}]});

async function getLocalStorageValue(key) {
  return new Promise((resolve, reject) => {
      try {
          chrome.storage.sync.get(key, function (value) {
              resolve(value);
          })
      }
      catch (ex) {
          reject(ex);
      }
  });
}

1 个答案:

答案 0 :(得分:-2)

尝试使用

return response()

因此它会在所有变量都设置好之后运行。