Asynchrone JS ES6-Lösung

Erste Verwendung der Callback-Funktion

​ Da es zu Beginn keine klare offizielle Spezifikation für js gab, gab es keine klare Spezifikation für die Parameter in den Rückruffunktionen, die in den in verschiedenen Bibliotheken von Drittanbietern gekapselten asynchronen Funktionen übergeben wurden, und die Bedeutung jedes Parameters war nicht klar, was die Verwendung unbequem machte.

Aber es gibt klare Vorgaben im Node

Rückrufmodus im Knoten:

1. Alle Rückruffunktionen müssen zwei Parameter haben, der erste Parameter gibt den Fehler an und der zweite Parameter gibt das Ergebnis an

2. Alle Rückruffunktionen müssen der letzte Parameter der Funktion sein

3. Alle Rückruffunktionen können nicht als Attribute erscheinen

es6 asynchrones Verarbeitungsmodell

Nach dem Erscheinen von Es6 wurden offiziell Spezifikationen für die asynchrone Verarbeitung und ein für alle asynchronen Szenarien geeignetes Verarbeitungsmodell vorgeschlagen. Das Modell hat:

• Zwei Phasen: unruhig und gelassen.
• Drei Zustände: Ausstehend, Gelöst, Abgelehnt
• Wechseln Sie immer von der ungelösten Phase zur gelösten Phase. Der Status der gelösten Phase ändert sich nicht.

Nachdem sich die Aufgabe im Status „Aufgelöst“ befindet, ist möglicherweise eine nachfolgende Verarbeitung erforderlich.

• Die nachfolgende Verarbeitung von aufgelösten thenable-Objekten nennen wir
• Die Weiterverarbeitung von abgelehnten Catchables nennen wir

Auf dieses asynchrone Modell zugeschnittene API: Promise

So verwenden Sie Versprechen

Kopie

const task = neues Versprechen((lösen, ablehnen) => {     
    // Code für ausstehende Aufgabenphase // Sofort ausführen console.log("100-Meter-Langstreckenlauf starten");  
    setzeTimeout(() => {  
       wenn (Math.random() > 0,5) {  
           // Erfolg: Fertig // Bis zum Erfolg pushen resolve("finished");  
       } anders {  
           // Fehler: Beinbruch // Bis zum Fehler pushen reject("Beinbruch");  
       }  
    }, 1000)
});
task.then((Ergebnis) => {
  console.log(Ergebnis);
}).catch((Fehler) => {
  konsole.log(Fehler);
})

Nach 1 Sekunde wird die Aufgabe zur Lösung weitergeleitet und die nachfolgende Verarbeitung erfolgt in „then“ oder „catch“.

Beachten

Ausstehender Status => abgelehnter Status:

Kopie

1. Anruf ablehnen

2. Fehler bei der Codeausführung

3. Fehler manuell auslösen

Nachfolgende Verarbeitungsfunktionen müssen asynchron erfolgen und werden in die Mikrowarteschlange gestellt.

Nachdem der JS-Ausführungsstapel gelöscht wurde, werden zuerst die Aufgaben in der Mikrowarteschlange ausgeführt. Nachdem die Aufgaben in der Mikrowarteschlange gelöscht wurden, werden die Aufgaben in der Makrowarteschlange ausgeführt.

• Zu den Warteschlangen für Makroaufgaben gehören: setTimeout, setInterval, setImmediately, I/O, UI-Render
• Zu den Microtask-Warteschlangen gehören: promise, process.nexttick, Object.observe (nicht mehr verwendet), Mutation.observe

Async await ist die syntaktische Vereinfachung von Promise, die in es7 hinzugefügt wurde. Sie können auch mehr darüber erfahren. Dieser Artikel gibt nur einen Überblick über Promise. Es gibt noch viele weitere Details, die man beherrschen muss.

Oben sind die Details der asynchronen JS ES6-Lösung aufgeführt. Weitere Informationen zur asynchronen ES6-Lösung finden Sie in den anderen verwandten Artikeln auf 123WORDPRESS.COM!