代码之家 › 专栏 › 技术社区 › user1517566

使用async/await语法没有意义[重复]

async-await javascript

user1517566 · 技术社区 · 3 年前

我试图学习async/await语法,但没有取得任何进展。我在下面有一个片段,到目前为止,它会将此返回到控制台。这个想法是,如果我的地图上没有特定的键,它会发出一个调用——等待响应——然后继续。相反,我只是得到了承诺。任何关于我哪里出错的建议都将不胜感激。

    // mymap is a global var
async function retrieveDetails(key){
    let url = '/myurl);
    let res = '';
    const response = await fetch(url, {
        headers: {
        'Content-Type': 'application/json',
        'Authorization' : 'Bearer '+accessToken
        }
    })
    .then((response) => {
        mymap.put(key, response);
    })
}

function getValue(key){
    if(!mymap.has(key)){
        retrieveDetails(key);
    }
    return mymap.get(key); 
}

let result = getValue('foo'); // should return me a value from mymap.

1 回复 | 直到 3 年前

Samathingamajig 3 年前

只是因为你使用 await 的内部 retrieveDetails 这并不意味着当你打电话的时候 检索详细信息 它将等待 检索详细信息 要做(事实上永远不会,除非你 等候 或 .then 它)。

getValue 需要成为 async 函数(哪个implicity返回一个 Promise ),或返回 许诺 作为一个同步函数,能够解析为您想要的值。

有了承诺,

function getValue(key){
    if(!mymap.has(key)){
        return retrieveDetails(key).then(() => mymap.get(key));
    }
    return Promise.resolve(mymap.get(key)); 
}

具有 异步

async function getValue(key){
    if(!mymap.has(key)){
        await retrieveDetails(key);
    }
    return mymap.get(key); 
}

无论哪种方式,您都需要更改接收数据的方式:

let result = await getValue('foo');

// or

getValue('foo').then((result) => {
  // rest of code
});

推荐文章

dspyz · 如何将等待“tokio::sync::watch::Receiver”变为“Some”?

1 年前

Rami Dhouib · Flutter:如果等待时间超过2秒,则执行操作

1 年前

byles1506 · 不理解异步等待执行顺序

1 年前

user2741831 · 等待执行的顺序在节点中没有意义

1 年前

Andrew Cheong · 如何在半异步情况下使用Javascript async/await?(例如,在String.replace中)[重复]

1 年前

user1233894 · 尝试从全局函数传递值

1 年前

cluster1 · 任务(小写)与任务(大写)

1 年前

haru · 为什么我的代码在加载页面时两次获取相同的项目?

2 年前

Ajeeth ram · 在“wait http.get(url)”调用后,控件退出函数

2 年前

Apahdos · Argument:绑定一行lambda表达式。调用async Task方法时是否需要异步?

2 年前