Sobes.tech
Middle+

Практическо задание: реализирайте функция, която приема масив от URL адреси и лимит за едновременни заявки, и изпълнява fetch заявки с ограничение на паралелното изпълнение (не повече от limit заявки едновременно), връщайки резултатите в първоначалния ред.

sobes.tech AI

Отговор от AI

За решаване на задачата с ограничение на броя на едновременните fetch заявки, може да се използва опашка и да се контролира броят на активните promises. По-долу е пример за реализация на JavaScript с използване на 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()) // или res.json() в зависимост от задачата
          .then(data => {
            results[index] = data;
          })
          .catch(err => {
            results[index] = err;
          })
          .finally(() => {
            activeCount--;
            next();
          });
      }
    }

    next();
  });
}

В този код, не стартираме повече от limit заявки едновременно, и след като всяка приключи, стартираме следващата от опашката. Резултатите се съхраняват в масива results в първоначалния ред.