Was ist die Verwendung von Versprechen in es6?-Front-End-Fragen und Antworten-php.cn

Was ist die Verwendung von Versprechen in es6?

WBOY

Freigeben： 2022-03-30 16:48:40

Original

2294 Leute haben es durchsucht

In es6 wird Promise verwendet, um Promise-Objekte zu erstellen und asynchrone Operationen auszuführen. Die Syntax lautet „const Promise = new Promise((resolve,reject)=>{...})“; Wird zur Darstellung unterschiedlicher Ergebnisse asynchroner Vorgänge verwendet.

Was ist die Verwendung von Versprechen in es6?

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

Wozu dient Promise in es6?

Promise ist eine in ES6 bereitgestellte asynchrone Programmierlösung. Promise selbst ist ein Konstruktor Objekt

Erstellen Sie ein Promise-Objekt für asynchrone Operationen. Sie müssen das Schlüsselwort new verwenden, um eine Instanz zu erstellen. Die Funktion verfügt über zwei Funktionstypparameter.

resolve

reject
Der Vorgang zum Erstellen eines Promises ist also:
```
typeof Promise  //  function
```
Nach dem Login kopieren
resolve und Reject Die beiden Funktionsparameter bestimmen die Statusänderung des aktuellen Promise und wie mit den Ergebnissen des asynchronen Prozesses umgegangen wird Operation Sie können alle asynchron sein. Das Ergebnis der Operation wird weitergegeben.

1. Der Status des Objekts wird von der Außenwelt nicht beeinflusst.

Das Promise-Objekt ist eine asynchrone Operation mit drei Zuständen: ausstehend (in Bearbeitung), erfüllt (erfolgreich) und abgelehnt (fehlgeschlagen).

Nur das Ergebnis der asynchronen Operation kann bestimmen, in welchem Zustand sich das Versprechen befindet, und keine andere Operation kann diesen Zustand ändern

2 Sobald sich der Zustand des Versprechens ändert, erfolgt keine Änderung und das Ergebnis kann jederzeit abgerufen werden Zeit.

Es gibt nur zwei Möglichkeiten, den Status des Promise-Objekts zu ändern: von „Ausstehend“ zu „Erfüllt“ oder von „Ausstehend“ zu „Abgelehnt“. Solange diese beiden Situationen auftreten, ändert sich der Status nicht und dieses Ergebnis wird immer beibehalten. Dies wird als gelöst bezeichnet. Wenn die Änderung bereits erfolgt ist und Sie dem Promise-Objekt eine Rückruffunktion hinzufügen, erhalten Sie das Ergebnis sofort. Der Unterschied zu einem Ereignis besteht darin, dass Sie das Ergebnis nicht erhalten, wenn Sie es verpassen und erneut abhören. Der Vorteil der Verwendung von Promise besteht darin, dass die asynchronen Vorgänge laut Execute in die Warteschlange gestellt werden in der erwarteten Reihenfolge und geben die erwarteten Ergebnisse zurück, sodass Sie Promise auch bei mehreren asynchronen Vorgängen problemlos für Kettenaufrufe verwenden können

3 Promise weist auch einige Mängel auf.

Zuallererst kann Promise nicht storniert werden. Sobald es erstellt wurde, wird es sofort ausgeführt und kann nicht auf halbem Weg storniert werden. Zweitens werden von Promise intern ausgelöste Fehler nicht extern reflektiert, wenn Sie keine Rückruffunktion festlegen. Drittens ist es im ausstehenden Zustand unmöglich zu wissen, in welcher Phase sich der aktuelle Fortschritt befindet (gerade erst beginnt oder kurz vor dem Abschluss)

Das sogenannte Promise ist einfach ein Container, der ein Ereignis speichert, das in der Zukunft enden wird ( normalerweise das Ergebnis einer asynchronen Operation).

ES6 legt fest, dass das Promise-Objekt ein Konstruktor ist, der zum Generieren von Promise-Instanzen verwendet wird.

Der folgende Code erstellt eine Promise-Instanz.

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

Nach dem Login kopieren

Der Promise-Konstruktor akzeptiert eine Funktion als Parameter. Die beiden Parameter der Funktion sind „resolve“ und „reject“. Dabei handelt es sich um zwei Funktionen, die von der JavaScript-Engine bereitgestellt werden und nicht von Ihnen selbst bereitgestellt werden müssen.

Die Funktion der Auflösungsfunktion besteht darin, den Status des Promise-Objekts von „unvollendet“ in „erfolgreich“ zu ändern (d. h. von „ausstehend“ in „gelöst“). Sie wird aufgerufen, wenn der asynchrone Vorgang erfolgreich ist und das Ergebnis des Der asynchrone Vorgang wird als Parameter übergeben. Die Funktion der Ablehnungsfunktion besteht darin, den Status des Promise-Objekts von „unvollendet“ in „fehlgeschlagen“ zu ändern. Sie wird aufgerufen, wenn der asynchrone Vorgang fehlschlägt , und der von der asynchronen Operation gemeldete Fehler wird als Parameter übergeben.

Nachdem die Promise-Instanz generiert wurde, können Sie die Methode then verwenden, um die Rückruffunktionen für den aufgelösten Status bzw. den abgelehnten Status anzugeben.

const promise = new Promise(function(resolve, reject) {
  // ... some code
  if (/* 异步操作成功 */){
    resolve(value);
  } else {
    reject(error);
  }
});

Nach dem Login kopieren

Die Methode kann zwei Rückruffunktionen als Parameter akzeptieren. Die erste Rückruffunktion wird aufgerufen, wenn der Status des Promise-Objekts aufgelöst wird, und die zweite Rückruffunktion wird aufgerufen, wenn der Status des Promise-Objekts abgelehnt wird. Die zweite Funktion ist optional und muss nicht bereitgestellt werden. Beide Funktionen akzeptieren den vom Promise-Objekt übergebenen Wert als Parameter.

【Verwandte Empfehlungen:

Javascript-Video-Tutorial

Web-Frontend

】

Das obige ist der detaillierte Inhalt vonWas ist die Verwendung von Versprechen in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!