Heim  >  Artikel  >  Web-Frontend  >  So verwenden Sie die then-Methode des Promise-Objekts

So verwenden Sie die then-Methode des Promise-Objekts

王林
王林Original
2024-02-18 12:33:061248Durchsuche

So verwenden Sie die then-Methode des Promise-Objekts

Die then-Methode von Promise wird verwendet, um asynchrone Operationen von Promise-Objekten abzuwickeln. In JS ist Promise eine häufig verwendete Methode zur Verarbeitung asynchroner Vorgänge. Es bietet eine bequemere und klarere Syntax für die Verarbeitung asynchroner Vorgänge. Die grundlegende Verwendung der

then-Methode ist wie folgt:

promise.then(onFulfilled, onRejected);

Unter anderem ist onFulfilled die Rückruffunktion, wenn das Promise erfolgreich ist, und wird aufgerufen, wenn sich der Status des Promise-Objekts in „Erfüllt“ (abgeschlossen) ändert; onRejected ist der Rückruf Funktion, wenn das Promise fehlschlägt. Wird aufgerufen, wenn sich der Status des Promise-Objekts in „Abgelehnt“ ändert.

Insbesondere wenn der Status des Promise-Objekts „Erfüllt“ ist, wird die Funktion „onFulfilled“ aufgerufen und der Wert im Promise als Parameter an sie übergeben. Wenn der Status des Promise-Objekts „Abgelehnt“ ist, wird die Funktion „onRejected“ aufgerufen und die Fehlerinformationen im Promise werden als Parameter an sie übergeben.

Das Folgende ist ein einfacher Beispielcode, der die Verwendung der then-Methode von Promise zeigt:

function fetchData() {
  return new Promise((resolve, reject) => {
    // 模拟异步请求
    setTimeout(() => {
      const data = 'Hello World!';
      resolve(data); // 成功时调用resolve,传递数据
      // reject('Error occurred'); // 失败时调用reject,传递错误信息
    }, 1000);
  });
}

fetchData()
  .then((data) => {
    console.log('成功:', data);
  })
  .catch((error) => {
    console.error('失败:', error);
  });

Im obigen Beispiel haben wir eine fetchData-Funktion definiert, die ein Promise-Objekt zurückgibt. Im Promise-Konstruktor simulieren wir eine asynchrone Anfrage und geben nach 1 Sekunde Daten oder Fehler zurück. Ändern Sie den Status eines Versprechens, indem Sie „resolve“ oder „reject“ aufrufen.

Im Hauptprogramm rufen wir die Funktion fetchData auf und registrieren die Callback-Funktion für Erfolg über die Methode then und die Callback-Funktion für Fehler über die Methode Catch. Wenn der asynchrone Vorgang innerhalb der fetchData-Funktion abgeschlossen ist, wird die entsprechende Rückruffunktion basierend auf dem zurückgegebenen Ergebnis aufgerufen.

Es ist zu beachten, dass die then-Methode ein neues Promise-Objekt zurückgibt. Durch den Aufruf der then-Methode in einer Kette können mehrere asynchrone Vorgänge nacheinander verarbeitet werden.

Kurz gesagt ist die then-Methode von Promise eine Rückruffunktion, mit der der Erfolgs- und Fehlerstatus des Promise-Objekts verarbeitet wird. Es bietet eine bequeme Möglichkeit zur Handhabung asynchroner Vorgänge und macht den Code besser lesbar.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die then-Methode des Promise-Objekts. 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