How can I handle timeouts in asynchronous operations?

How can I handle timeouts in asynchronous operations?

You can handle timeouts in async operations by using techniques like setting a timeout promise or using libraries that support cancellation.

Can you show me an example of setting a timeout in JavaScript?

Sure! You can use Promise.race to race your async operation against a timeout promise. Here's a simple example:

const fetchData = async () => {
    return new Promise((resolve) => setTimeout(() => resolve('Data fetched!'), 2000));
};

const fetchWithTimeout = async (timeout) => {
    const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject('Timeout!'), timeout));
    return Promise.race([fetchData(), timeoutPromise]);
};

fetchWithTimeout(1000)
    .then(data => console.log(data))
    .catch(error => console.error(error));

What happens if the async operation takes longer than the timeout?

If the async operation takes longer than the timeout, the timeout promise will reject, and you'll catch that error in your .catch() block.

Are there any libraries that can help with this?

Yes, libraries like Axios for HTTP requests have built-in timeout options, and you can also use AbortController for fetch requests to cancel them.