Heim > Web-Frontend > js-Tutorial > Wie kann ich mit Promise.all effizient Daten von mehreren URLs abrufen?

Wie kann ich mit Promise.all effizient Daten von mehreren URLs abrufen?

Patricia Arquette
Freigeben: 2024-10-29 05:24:02
Original
249 Leute haben es durchsucht

How to Efficiently Fetch Data from Multiple URLs with Promise.all?

Mehrere URL-Abrufe mit Promise.all meistern

Im Bereich der asynchronen Programmierung bieten Promises einen leistungsstarken Mechanismus zur Bewältigung asynchroner Aufgaben wie Abrufe Daten von mehreren URLs. Wie Sie festgestellt haben, kann der Versuch, diesen Anwendungsfall in das Promise.all-Paradigma zu integrieren, ein Stolperstein sein.

Lassen Sie uns Ihren Lösungsversuch analysieren:

var promises = urls.map(url => fetch(url));
var texts = [];
Promise.all(promises)
  .then(results => {
     results.forEach(result => result.text()).then(t => texts.push(t))
  })
Nach dem Login kopieren

Diese Methode leidet unter a Entscheidender Fehler: forEach gibt weder ein Array noch ein Promise zurück, sodass Sie in einer Promise-Leere ohne Möglichkeit zurückbleiben, auf die abgerufenen Texte zuzugreifen.

Um dies zu beheben, muss Promise.all zweimal verwendet werden, einmal zum Abrufen der URLs und einmal, um den Text aus den Antworten zu extrahieren:

Promise.all(urls.map(u=>fetch(u))).then(responses =>
    Promise.all(responses.map(res => res.text()))
).then(texts => {
    …
})
Nach dem Login kopieren

Alternativ können Sie den Prozess optimieren, indem Sie den Abruf und den Textabruf in einem Schritt kombinieren:

Promise.all(urls.map(url =>
    fetch(url).then(resp => resp.text())
)).then(texts => {
    …
})
Nach dem Login kopieren

Für mehr Prägnante Lösung, nutzen Sie die Leistungsfähigkeit von async/await:

const texts = await Promise.all(urls.map(async url => {
  const resp = await fetch(url);
  return resp.text();
}));
Nach dem Login kopieren

Diese Ansätze geben Ihnen die Möglichkeit, mehrere URL-Abrufe effizient abzuwickeln, sodass Sie das gewünschte Objekt erstellen können, das die extrahierten Texte enthält.

Das obige ist der detaillierte Inhalt vonWie kann ich mit Promise.all effizient Daten von mehreren URLs abrufen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage