When is the promise being created by fetch()?

Question

Looking at the following line by line:

btn.addEventListener('click', (event) => {
    event.target.textContent = "Loading...";
    fetch(astrosUrl)
        .then(response => response.json())
                .then(getProfiles)
        .then(generateHTML)
        .finally(() => event.target.remove());
});

Is the promise object being created after you pass astrosUrl to fetch() or is it being created by the .json() method.

Answer 1 · 2023-02-19T16:21:56Z

February 19, 2023 4:21pm

The promise object is created immediately upon calling fetch, but at that time it will still be in a pending state. The .json() method is not called until later when the promise has been (successfully) resolved.

Welcome to the Treehouse Community

Looking to learn something new?

Samuel Kleos

Samuel Kleos

When is the promise being created by fetch()?

1 Answer

Steven Parker

Steven Parker