将异步/等待应用于功能

Question

我正在遵循文档，但没有正确执行。 有人可以看一下我的代码，看看我做错了什么吗？

function getCookies(){

    var cookies = {
        art_rfp : '',
        art_token: '',
        hire_rfp: '',
        hire_token: '',
        corp_rfp: '',
        corp_token: '',
    }

    chrome.cookies.getAll({"url":"https://url.com"}, function (cookies) {
        var string = ''
        for(var i=0; i<cookies.length; i++){
            var name = cookies[i].name
            // console.log(name)
            if (name == 'a-sso_rfp') {
                console.log('ART- '+cookies[i].name+': '+cookies[i].value)
                cookies.art_rfp = cookies[i].value
            }
            else if (name == 'b-sso_token') {
                console.log('ART- '+cookies[i].name+': '+cookies[i].value)
                cookies.art_token = cookies[i].value
            }
            var value = cookies[i].value
            string += name+"="+value+"; "
        }
    });

    chrome.cookies.getAll({"url":"https://url2.com"}, function (cookies) {
        var string = ''
        for(var i=0; i<cookies.length; i++){
            var name = cookies[i].name

            if (name == 'a-sso_rfp') {
                console.log('HIRE- '+cookies[i].name+': '+cookies[i].value)
                cookies.hire_rfp = cookies[i].value
            }
            else if (name == 'b-sso_token') {
                console.log('HIRE- '+cookies[i].name+': '+cookies[i].value)
                cookies.hire_token = cookies[i].value
            }
        }
    });

    chrome.cookies.getAll({"url":"https://url3.com"}, function (cookies) {
        var string = ''
        for(var i=0; i<cookies.length; i++){
            var name = cookies[i].name
            if (name == 'e-sso_rfp') {
                console.log('CORP- '+cookies[i].name+': '+cookies[i].value)
                cookies.corp_rfp = cookies[i].value
            }
            else if (name == 'f-sso_token') {
                console.log('CORP- '+cookies[i].name+': '+cookies[i].value)
                cookies.corp_token = cookies[i].value
            }

        }
    });
    return cookies
}

function sendCookies(cookies){
    console.log(cookies)
}

console.log('this started')

async function run(){
    let cookies = await getCookies()
    let resposne = await sendCookies(cookies)
}

run()

当我在sendCookies()打印cookies时，它是在浏览器获取cookie数据之前进行打印的。 我正在尝试让它等到完成为止。

Answer 1

您的getCookies()函数不是异步的。 它会进行一些异步调用（ chrome.cookies.getAll() ），但不等待结果，而是立即返回cookies对象。

您需要使通话分散，例如

const getAllCookiesPromisified = (url) => new Promise(resolve => { 
   chrome.cookies.getAll({url}, resolve);
});

const p1 = getAllCookiesPromisified("https://url.com");
const p2 = getAllCookiesPromisified("https://url2.com");

return Promise.all([p1, p2]);

Answer 2

当等待函数返回Promise时，async / await起作用。 您的方法getCookies()和sendCookies()都不返回Promise。

这篇博客文章可能对您有用。