javascript - 尝试从 JSON 文件返回 URL

Question

我尝试从 JSON 列表返回 URL 一段时间了。我尝试过使用各种方法，但似乎无法让它发挥作用...... 我想知道如何返回一个值。我还没有真正对 JavaScript 进行过太多实验，所以我想我已经有了这个......

无论如何，这是代码:

async function getGithubPicture(username, callback) {
    let data = await fetch('https://api.github.com/users/' + username);
    let main = await data.json().then((data) => {
        return data.avatar_url.toString();
    });
    return main;
}

document.getElementById('pfp').src = getGithubPicture('harryuk');

所以我希望 getGithubpicture 从 JSON 文件中返回与用户名 harryuk 对应的字符串，但返回的是 [object Promise]，我知道它运行正常，但我想以不同的方式运行它，这就是我的 block 所在的位置

Answer 1

异步函数总是返回 AsyncFunction目的。所以它返回 promise

async function getGithubPicture(username, callback) {
    let data = await fetch('https://api.github.com/users/' + username);
    let main = await data.json();
    return main.avatar_url.toString();
}

document.getElementById('pfp').src = await getGithubPicture('harryuk');
// or 
getGithubPicture('harryuk').then(url=> document.getElementById('pfp').src = 
url)