Async/Await Syntax

What improvement does this pattern offer over the Promise.race timeout pattern?

async function fetchWithTimeout(url, ms) {
  const controller = new AbortController();
  const id = setTimeout(() => controller.abort(), ms);
  try {
    const response = await fetch(url, { signal: controller.signal });
    clearTimeout(id);
    return response;
  } catch (error) {
    clearTimeout(id);
    if (error.name === 'AbortError') {
      throw new Error('Request timed out');
    }
    throw error;
  }
}

It's more readable
It actually cancels the fetch request
This pattern actually cancels the fetch request: 1) Uses AbortController to cancel the underlying network request, 2) Prevents unnecessary network traffic, 3) Frees up system resources properly, 4) Provides better error handling with specific timeout errors, 5) Cleans up timeouts in all cases, 6) More efficient than letting the request continue in the background.
It handles all types of errors
It's faster

Next Question (16/20)