Sobes.tech
Middle+

Praktická úloha: implementujte funkciu, ktorá prijíma pole URL a limit súčasných požiadaviek, a vykonáva fetch požiadavky s obmedzením paralelného vykonávania (nie viac ako limit požiadaviek naraz), vracajúc výsledky v pôvodnom poradí.

sobes.tech AI

Odpoveď od AI

Za riešenie úlohy s obmedzením počtu súčasných fetch požiadaviek môžete použiť frontu a kontrolovať počet aktívnych promises. Nižšie je príklad implementácie v JavaScripte s použitím async/await:

async function limitedFetch(urls, limit) {
  const results = new Array(urls.length);
  let activeCount = 0;
  let currentIndex = 0;

  return new Promise((resolve, reject) => {
    function next() {
      if (currentIndex === urls.length && activeCount === 0) {
        resolve(results);
        return;
      }

      while (activeCount < limit && currentIndex < urls.length) {
        const index = currentIndex++;
        activeCount++;
        fetch(urls[index])
          .then(res => res.text()) // alebo res.json() podľa úlohy
          .then(data => {
            results[index] = data;
          })
          .catch(err => {
            results[index] = err;
          })
          .finally(() => {
            activeCount--;
            next();
          });
      }
    }

    next();
  });
}

V tomto kóde spúšťame najviac limit požiadaviek súčasne, a po dokončení každej spúšťame ďalšiu z fronty. Výsledky sú uložené v poli results v pôvodnom poradí.