Heim  >  Artikel  >  Web-Frontend  >  Wie schreibt man dann in es6?

Wie schreibt man dann in es6?

WBOY
WBOYOriginal
2022-05-06 16:40:283465Durchsuche

In es6 lautet die Schreibmethode von then „dann (füge eine Rückruffunktion für erfolgreiche Zustandsänderungen zur Versprechensinstanz hinzu, eine Rückruffunktion für den Fehler)“; Der Zustand ändert sich und das zurückgegebene Ergebnis ist eine neue Versprechensinstanz, und die Methode kann verkettet werden.

Wie schreibt man dann in es6?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Wie schreibt man dann in es6?

Schreiben:

then(参数1,参数2)

Funktion: Fügen Sie eine Rückruffunktion hinzu, wenn sich der Status zur Versprechensinstanz ändert.

Parameter 1 ist die Rückruffunktion für Erfolg,

Parameter 2 ist der Rückruf für die Fehlerfunktion

Rückgabewert: Die Methode then() gibt eine neue Promise-Instanz zurück, und die Methode then() kann Kettenoperationen verwenden

Promise

1. Versprechen ist eine Lösung für die asynchrone Programmierung . Merkmale: ①: Der Zustand des Objekts wird nicht von der Außenwelt beeinflusst. Das Versprechensobjekt stellt einen asynchronen Vorgang dar, der drei Zustände hat: Ausstehend (in Bearbeitung).Erfüllt (erfolgreich).Abgelehnt (fehlgeschlagen). Der Zustand des asynchronen Vorgangs kann durch keinen anderen Vorgang geändert werden. ②: Sobald sich der Zustand des Objekts ändert, kann es jederzeit abgerufen werden Es gibt nur zwei Möglichkeiten, den Status des Promise-Objekts zu ändern: Von „penging“ zu „erfüllt“ und „pending“ zu „abgelehnt“. (2) Parameterbeschreibung: Das Versprechensobjekt empfängt eine Funktion als Parameter. Die Parameter der Funktion sind Auflösung und Ablehnung. Es handelt sich um zwei Funktionen, die von der Javascript-Engine bereitgestellt werden.

(3) Die Rolle der Auflösungsfunktion: aufgerufen Wenn die asynchrone Operation erfolgreich ist und das Ergebnis der asynchronen Operation als Parameter übergeben wird

( 4) Die Rolle der Ablehnungsfunktion: Sie wird aufgerufen, wenn eine asynchrone Operation fehlschlägt und der von der asynchronen Operation gemeldete Fehler vorliegt als Parameter übergeben.

Hinweis: Nachdem die Promise-Instanz generiert wurde, können Sie die Methode then verwenden, um die erfolgreichen bzw. fehlgeschlagenen Rückruffunktionen anzugeben.

.then() ist eine Methode der Promise-Instanz, die den nächsten auszuführenden Vorgang angibt ausgeführt. Zum Beispiel:

const promise=new Promise(function(resolve,reject){})

6.Methode der Promise-Instanz

(1)then(Parameter 1, Parameter 2)

Funktion: Promise-Instanz fügt eine Rückruffunktion hinzu, wenn sich der Status ändert

Parameter 1 ist die Erfolgsrückruffunktion , Parameter 2 ist die Fehlerrückruffunktion

Rückgabewert: Die then()-Methode gibt eine neue Promise-Instanz zurück, die then()-Methode kann als Kettenoperation verwendet werden.

(2)catch()

Funktion: Geben Sie den Rückruf an Funktion, wenn ein Fehler auftritt, was dem zweiten Parameter der then-Methode entspricht. Beispiel:

function ajax(){
            console.log("hello");
            return new Promise(function(resolve,reject){
                    setTimeout(function(){
                        resolve();
                    },1000)
                })
                ajax.then(function(){
                    console.log("world");
                })
            }

7. Erweiterte Methode von Promise Einfach ausgedrückt wird ein erfolgreicher Rückruf nur ausgeführt, wenn mehrere asynchrone Vorgänge erfolgreich sind. Andernfalls wird ein fehlgeschlagener Rückruf ausgeführt.

Parameterbeschreibung: Erhalten Sie ein Array als Parameter Array ist eine Promise-Instanz

(2)promise.race()

Funktion: Packen Sie mehrere Promise-Instanzen in eine neue Promise-Instanz, solange es eine gibt. Die Instanz ändert zuerst den Status und der Status des Promise ändert sich entsprechend

Parameterbeschreibung: Empfangen Sie ein Array als Parameter. Jedes Element des Arrays ist eine Promise-Instanz

Das obige ist der detaillierte Inhalt vonWie schreibt man dann in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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