Retry fetch request error handling javascript

Daily question

Medium

This question is a daily question and will count towards your daily streak.

The code above is fetching data from a URL using an asynchronous function with error handling. Assume the API occasionally returns an HTTP 404 error. Which statement best ensures the script gracefully handles the error and retries the fetch operation up to 3 times before throwing an error?

Choose an option below

async function retryFetch(url, attempts = 3) {
  while (attempts > 0) {
    try {
      return await fetchData(url);
    } catch (error) {
      if (--attempts === 0) throw error;
    }
  }
}

async function retryFetch(url, attempts = 3) {
  for (let i = 0; i < attempts; i++) {
    try {
      return await fetchData(url);
    } catch (error) {
      if (i === attempts - 1) throw error;
    }
  }
}

async function retryFetch(url, attempts = 3) {
  try {
    return await fetchData(url);
  } catch (error) {
    if (attempts > 1) return retryFetch(url, attempts - 1);
    throw error;
  }
}

async function retryFetch(url, attempts = 3) {
  return Array.from({ length: attempts }).reduce(async (promise) => {
    try {
      return await promise;
    } catch {
      if (attempts === 1) throw new Error('Max retries reached');
    }
  }, fetchData(url));
}

JavascriptFunctionsError handlingAsync programming

1async function fetchData(url) {
2  if (!url) throw new Error('URL is required');
3  const response = await fetch(url);
4  if (!response.ok) throw new Error('Failed to fetch');
5  return response.json();
6}
7
8(async () => {
9  try {
10    const data = await fetchData('https://api.example.com/data');
11    console.log(data);
12  } catch (error) {
13    console.error(error.message);
14  }
15})();

This question is a daily question and will count towards your daily streak.

The code above is fetching data from a URL using an asynchronous function with error handling. Assume the API occasionally returns an HTTP 404 error. Which statement best ensures the script gracefully handles the error and retries the fetch operation up to 3 times before throwing an error?

Hint