如何为变量分配异步函数的承诺结果？ [复制]

Question

我正在尝试从这个站点学习如何使用 axios：Asynchronous Javascript using Async - Await

async function getGamerDescription() {
    const text = await axios.get(`/api/gamer/${id}/gamerBio`);
    return text.data;
}

console.log("bio: ", getGamerDescription());

给我：

bio:  Promise {<pending>}

如果我将 console.log 放在 getGamerDescription() 函数中，它会写出我需要的生物文本。

但我需要将生物文本分配给一个变量，以便在我的网站上显示它。

有没有办法做到这一点？

我发现了一些其他的 SO 问题：

Axios returns promise pending

My call async/await returns a Promise {} in my actions

但他们没有帮助。

我只是希望能够获取该值，以便将其分配给变量。

Answer 1

一个异步函数会自动变成一个promise，所以在这种情况下getGamerDescription实际上是一个promise，所以你必须在记录它的时候使用await，但是await只能在异步函数内部调用，所以试试这个：

async function getGamerDescription() {
    const text = await axios.get(`/api/gamer/${id}/gamerBio`);
    return text.data;
}

(async () => console.log("bio: ", await getGamerDescription()))();

请注意，我将 console.log 包装在 async IIFE 中，并在 console.log 中使用了 await，这是因为我将 async 函数 getGamerDescription 视为一个承诺。如果你想将它分配给一个变量，你需要在另一个 async 函数中使用 await 来做到这一点