Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie implementiert man einen Abschlussrückruf für asynchrone forEach-Schleifen?

DDD
Freigeben: 2024-11-04 13:09:01
Original
657 Leute haben es durchsucht

How to Implement a Completion Callback for Asynchronous forEach Loops?

Asynchrone forEach-Rückrufe: Implementierung eines Abschlussrückrufs

In Szenarien, in denen eine asynchrone Schleife wie forEach verwendet wird, besteht häufig die Notwendigkeit, einen auszulösen Rückruf, sobald alle asynchronen Vorgänge abgeschlossen sind. Dieser Leitfaden stellt verschiedene Ansätze vor, um diese Funktionalität zu erreichen.

1. Verwendung eines einfachen Zählers

Diese Technik verwendet einen Zähler, der sich jedes Mal erhöht, wenn ein Element verarbeitet wird. Wenn der Zähler die Gesamtzahl der Elemente erreicht, wird der Abschlussrückruf aufgerufen.

function callback () { console.log('all done'); }

var itemsProcessed = 0;

[1, 2, 3].forEach((item, index, array) => {
  asyncFunction(item, () => {
    itemsProcessed++;
    if(itemsProcessed === array.length) {
      callback();
    }
  });
});
Nach dem Login kopieren

2. Nutzung von ES6-Promises

Promises ermöglichen die Erstellung einer sequentiellen Promise-Kette und stellen so die synchrone Ausführung asynchroner Aufgaben sicher.

function asyncFunction (item, cb) {
  setTimeout(() => {
    console.log('done with', item);
    cb();
  }, 100);
}

let requests = [1, 2, 3].reduce((promiseChain, item) => {
    return promiseChain.then(() => new Promise((resolve) => {
      asyncFunction(item, resolve);
    }));
}, Promise.resolve());

requests.then(() => console.log('done'))
Nach dem Login kopieren

3. Einsatz einer asynchronen Bibliothek

Bibliotheken wie „async“ bieten Mechanismen zum Ausdruck der gewünschten Funktionalität. Die spezifische Implementierung variiert je nach ausgewählter Bibliothek.

Das obige ist der detaillierte Inhalt vonWie implementiert man einen Abschlussrückruf für asynchrone forEach-Schleifen?. 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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage