无法将 API 数据从 fetch 分配给 function 中的变量

Question

I have a JS module that is a function that fetches Issue data from our company Github, that I then want assigned to a variable:

import { request } from "https://cdn.skypack.dev/@octokit/request";

let issueData

async function getIssues() {
    const issueAPI = await request("GET repos/{owner}/{repo}/issues", {
        baseUrl: "https://company.com/api/v3/",
        owner: "me",
        repo: "exampleRepo",
    });

    window.issueData = issueAPI.data
    return issueAPI.data
}

export { getIssues, issueData }

I can't seem to get the issueAPI.data to assign to my variable issueData ? What's going wrong here? I have a feeling it's something to do with the promises/async or scope but just can't work it out.

Answer 1

You are assigning issueAPI.data to a window variable called issueData , which is not the same variable that you have defined with let on your snippet. If you want to assign to your declared variable, you just need to do this.

let issueData = await getIssues()

If there are no other errors in the function, this should correctly assign what you want to your declared variable.

Also you can drop the window.issueData = issueAPI.data unless you really want to have that accesible from the window object.

EDIT: As Jeremy points out, this would require top-level await. A workaround also provided by Jeremy:

let issueData
( async () => { issueData = await getIssues() })()