Warten auf den Callback-Rückgabewert einer asynchronen Methode?

Question

Ich weiß, dass das Warten auf eine asynchrone Methode dumm ist, one should use callbacks instead. Was aber, wenn eine Drittanbieter-API zwingt, synchron zu sein?

Ich entwickle eine Chrome-Erweiterung, die den Benutzer daran hindert, Websites zu besuchen, die bereits auf einer anderen Registerkarte geöffnet sind. Ich muss im Grunde Anfragen basierend auf den URLs in offenen Tabs abbrechen. Ich möchte chrome.webRequest.onBeforeRequest wie folgt verwenden:

function onBeforeRequest(details) { 
    var websiteAlreadyOpenInOtherTab; 

    // Here i want to set `websiteAlreadyOpenInOtherTab` by using the `chrome.tabs` 
    // API. It's asynchronous though and that's my problem. I cant return a value 
    // from an asynchronous method call. 

    if (websiteAlreadyOpenInOtherTab) { 
    return { cancel: true }; 
    } 
} 

chrome.webRequest.onBeforeRequest.addListener(
    onBeforeRequest, 
    { urls: ['<all_urls>'], types: ['main_frame'] }, 
    ['blocking']); 

Hoffentlich Sie mein Dilemma in dem obigen Code zu sehen. Ich muss ein Objekt basierend auf dem Ergebnis asynchroner Methodenaufrufe zurückgeben. Ist es möglich, dies zu erreichen?

Answer 1

Vielleicht können Sie das Problem lösen, indem Sie den Überblick über die Registerkarte URLs halten ?:

1. Wenn die App gestartet wird, um alle geöffneten Tab URLs erhalten, indem Sie chrome.tabs.query
2. abonnieren chrome.tabs.onUpdated und chrome.tabs.onRemoved und Hinzufügen/Entfernen/Aktualisieren der URLs, wenn sie sich ändern.

Irgendeine Art von Codebeispiel auf der documentation basiert:

var tabUrlHandler = (function() { 
    // All opened urls 
    var urls = {}, 

    queryTabsCallback = function(allTabs) { 
     allTabs && allTabs.forEach(function(tab) { 
      urls[tab.id] = tab.url; 
     }); 
    }, 

    updateTabCallback = function(tabId, changeinfo, tab) { 
     urls[tabId] = tab.url; 
    }, 

    removeTabCallback = function(tabId, removeinfo) { 
     delete urls[tabId]; 
    }; 

    // init 
    chrome.tabs.query({ active: true }, queryTabsCallback); 
    chrome.tabs.onUpdated.addListener(updateTabCallback); 
    chrome.tabs.onRemoved.addListener(removeTabCallback); 

    return { 
    contains: function(url) { 
     for (var urlId in urls) { 
      if (urls[urlId] == url) { 
       return true; 
      } 
     } 

     return false; 
    } 
    }; 

}()); 

Jetzt sollten Sie in der Lage sein, in den tabUrlHandler direkt zu fragen Sie Ihren onBeforeRequestMethod:

function onBeforeRequest(details) { 
    var websiteAlreadyOpenInOtherTab = tabUrlHandler.contains(details.url); 

    if (websiteAlreadyOpenInOtherTab) { 
    return { cancel: true }; 
    } 
}