How do I handle errors with AbortController in JavaScript?

What is AbortController in JavaScript?

AbortController is a built-in JavaScript object that allows you to abort one or more DOM requests, such as fetch requests.

How can I use AbortController to handle errors?

You can use AbortController to cancel a fetch request if it takes too long or if you no longer need the response, which helps in error handling.

Can you show me an example of using AbortController?

Sure! Here's a simple example:

const controller = new AbortController();
const signal = controller.signal;

fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch aborted');
    } else {
      console.error('Fetch error:', err);
    }
  });

// To abort the request:
controller.abort();