等待 Promise 完成（Javascript）

Question

如何暂停他的 Javascript 函数，直到 Promise（在这种情况下为 OAuth2）被满足，以便我可以获得它应该返回的重定向 URL？

在 Firefox Webextension 中使用常规 JS，运行最新的 Firefox Developer (54.0a2)

function fetchOAuth2()
{
    var redirectURL = browser.identity.getRedirectURL() + "page.html";
    console.log(redirectURL);
    var clientID = "CLIENT ID";  
    var authURL = "https://trakt.tv/oauth/authorize";  // API I'm using
    authURL += `?response_type=code`;
    authURL += `&client_id=${clientID}`;
    authURL += `&redirect_uri=${redirectURL}`;
    console.log(authURL);
    var authorizationCode = browser.identity.launchWebAuthFlow({
        interactive: true,
        url: authURL
    });
}

Answer 1

有多种有效的方法，因此请选择您最喜欢/最适合您的代码的方法。

使用 promise.then()

function fetchOAuth2()
{
    var redirectURL = browser.identity.getRedirectURL() + "page.html";
    console.log(redirectURL);
    var clientID = "CLIENT ID";  
    var authURL = "https://trakt.tv/oauth/authorize";  // API I'm using
    authURL += `?response_type=code`;
    authURL += `&client_id=${clientID}`;
    authURL += `&redirect_uri=${redirectURL}`;
    console.log(authURL);

    browser.identity.launchWebAuthFlow({
        interactive: true,
        url: authURL
    })
    .then(function(authResult) {
        // do something with authResult
    })
}

如果您想在此函数之外访问 authResult，则需要从调用站点返回承诺，并 then 它，即

function fetchOAuth2()
{
    var redirectURL = browser.identity.getRedirectURL() + "page.html";
    console.log(redirectURL);
    var clientID = "CLIENT ID";  
    var authURL = "https://trakt.tv/oauth/authorize";  // API I'm using
    authURL += `?response_type=code`;
    authURL += `&client_id=${clientID}`;
    authURL += `&redirect_uri=${redirectURL}`;
    console.log(authURL);

    return browser.identity.launchWebAuthFlow({
        interactive: true,
        url: authURL
    })
}

fetchOAuth2().then(function(authResult) {
    // do something with auth result
});

使用 ES7 异步/等待

这是一个相对较新的语言功能，但在 FF54 中受支持。如果您需要支持其他浏览器，则必须使用 Babel 来实现兼容性。

async function fetchOAuth2()
{
    var redirectURL = browser.identity.getRedirectURL() + "page.html";
    console.log(redirectURL);
    var clientID = "CLIENT ID";  
    var authURL = "https://trakt.tv/oauth/authorize";  // API I'm using
    authURL += `?response_type=code`;
    authURL += `&client_id=${clientID}`;
    authURL += `&redirect_uri=${redirectURL}`;
    console.log(authURL);

    var authResult = await browser.identity.launchWebAuthFlow({
        interactive: true,
        url: authURL
    });

    // do something with authResult
}