Asynchronous Javascript Development Tutorials, Guides & Insights

fetch('https://jsonplaceholder.typicode.com/invalid-url')
    .then(response => {
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        return response.json();
    })
    .then(data => {
        console.log(data);
    })
    .catch(error => {
        console.error('There was a problem with the fetch operation:', error);
    });

In this case, if the URL is invalid or there’s a network issue, the error is caught, and a message is logged.

In this example, the await keyword pauses the execution of the fetchData function until the promise is resolved, making the code easier to understand.

Handling Errors with Async/Await: