How many times do you need to declare `async`?

Question

Here an async function is defined:

async function createProfiles(astrosUrl) {
    const response = await fetch(astrosUrl);
    const peopleJSON = await response.json();
    const profiles = peopleJSON.people.map( async person => {
        const craft = person.craft;
        const profileResponse = await fetch(wikiUrl+person.name);
        const profileJSON = await profileResponse.json()
        return {...profileJSON, craft}
    })
    return Promise.all(profiles);
}

Then once again async is applied to an event listener:

btn.addEventListener('click', async (event) => {
  event.target.textContent = "Loading...";
    const astros = await createProfiles(astrosUrl);
    generateHTML(astros);
    event.target.remove();
});

If you just invoked createProfiles(astrosUrl) without specifying it inside an event listener would it still perform its tasks asynchronously?

If so why do you need to declare the event listener callback as 'async' when invoking 'createProfiles(astrosUrl)`?

See below:

createProfiles(astrosUrl)

Answer 1 · 2023-02-19T16:15:45Z

February 19, 2023 4:15pm

You are only allowed to use "await" inside of a function that has been declared "async". A program error will occur if it is omitted.

Welcome to the Treehouse Community

Looking to learn something new?

Samuel Kleos

Samuel Kleos

How many times do you need to declare `async`?

1 Answer

Steven Parker

Steven Parker

Samuel Kleos

Samuel Kleos

Steven Parker

Steven Parker