Versprechen ist ein wichtiges Instrument zum Umgang mit asynchronen JavaScript -Operationen. Sein Kern liegt darin, den Ausführungsmechanismus zu verstehen und gemeinsame Fallstricke zu vermeiden. 1. Promise hat drei Staaten: Ausstehend, erfüllt und abgelehnt und wird sich nach Abschluss nicht ?ndern; 2. In Kettenaufrufen sollten Sie sicherstellen, dass jeder. Return -Wert und ein bestimmter Wert ist und immer einfügen, um Fehler zu fangen. 3.. Verwenden Sie Async/Awit, um die Code -Lesbarkeit zu verbessern. Es ist jedoch zu beachten, dass es nur in der asynchronisierten Funktion verwendet werden kann und Ausnahmen mit Versuch/Fang behandelt. V. 5. Beachten Sie, dass Versprechen eine Micro -Aufgabe ist, die sich auf die Ausführungsreihenfolge auswirken kann, und synchrone Operationen sollten nicht unn?tig in Versprechen eingebunden werden.

Versprechen ist ein sehr praktisches Instrument beim Umgang mit JavaScript asynchronen Operationen. Es macht asynchrone Code klarer und kontrollierbarer und vermeidet auch "Callback -H?lle". Um Versprechen wirklich gut zu verwenden, ist es nicht nur notwendig, then zu schreiben und catch , sondern auch seinen Ausführungsmechanismus und seine gemeinsamen Fallstricke zu verstehen.

Das grundlegende Verhalten des Versprechens verstehen

Ein Versprechen ist im Wesentlichen ein Objekt, das angibt, dass eine asynchrone Operation letztendlich abgeschlossen oder fehlschl?gt. Es hat drei Staaten: ausstehend , erfüllt und abgelehnt .

Sie k?nnen auf eine solche Situation sto?en:

 fetchdata ()
  .then (Data => console.log ('Erfolg:', Daten))
  .Catch (error => console.Error ('Fehler:', error));

Dieser Code sieht in Ordnung aus, aber wenn Sie den Fehler in .then einwerfen oder vergessen, .catch hinzuzufügen, kann der Fehler still sein. Denken Sie also immer daran, .catch hinzuzufügen, um Ausnahmen zu fangen , auch wenn es nur das Protokoll druckt.

Sobald das Versprechen in den erfüllten oder abgelehnten Zustand eintritt, wird es sich nicht erneut ?ndern, was entscheidend ist. Dies bedeutet, dass Sie sicher aufrufen k?nnen .then Dann ?ndert sich das Ergebnis nicht.

Vermeiden Sie FAQs in angeketteten Anrufen

Angekettete Anrufe sind ein gro?er Vorteil des Versprechens, aber sie sind auch leicht zu schreiben, um verwirrendem Code zu schreiben. Zum Beispiel:

 GetUserid ()
  .then (userID => getUserDetails (userId)))
  .then (details => {
    console.log (Details);
  });

Das Problem hierfür ist, dass, wenn getUserDetails ein weiteres Versprechen zurückgibt, das ist in Ordnung. Aber wenn nicht, werden die Parameter von .then Dann undefined werden. Stellen Sie also sicher, dass der von .then zurückgegebene Wert entweder ein Wert oder ein neues Versprechen ist .

Manche Leute m?gen das Schreiben: Schreiben:

 getUserid (). Dann (userId => {
  getUserDetails (userId) .then (details => {
    console.log (Details);
  });
});

Obwohl diese Schreibmethode in der Logik klar ist, ist es einfach, zur Struktur der "Callback -H?lle" zurückzukehren. Es wird empfohlen, das Schreiben von Ketten zu verwenden und auf den Rückgabewert zu achten.

Verwenden Sie Async/Assait, um die Lesbarkeit zu verbessern

Obwohl .then Und .catch m?chtig sind, werden sie dazu neigen, in komplexer Logik ausführlich zu werden. Zu diesem Zeitpunkt k?nnen Sie in Betracht ziehen, async/await zu verwenden:

 asynchrische Funktion FetchandLoguser () {
  versuchen {
    const userID = warte GetUserid ();
    const userDetails = Warten Sie GetUserDetails (userID);
    console.log (userdetails);
  } catch (error) {
    Console.Error ('Fehler:', Fehler);
  }
}

Der Vorteil des Schreibens auf diese Weise besteht darin, dass es n?her am Stil des synchronen Codes und einfacher zu debuggen ist. Aber ein paar Dinge zu beachten:

• await k?nnen nur in async Funktionen verwendet werden
• Vergessen Sie nicht try/catch hinzuzufügen, andernfalls wird der Fehler nicht gefangen
• Wenn mehrere asynchrone Aufgaben keine Abh?ngigkeiten haben, k?nnen Sie die Ausführung parallel in Betracht ziehen, beispielsweise mit Promise.all

Achten Sie auf die Fallstricke und die Leistungsoptimierung des Versprechens

Einige Versprechen k?nnen sich weniger verhalten, wie Sie es erwarten. Zum Beispiel:

• Promise.resolve() wird sofort ein entschlossenes Versprechen zurückgeben
• new Promise(resolve => resolve()) wird ebenfalls sofort abgeschlossen, aber es ist eine Mikroaufgabe, die erst nach Ausführung des aktuellen Synchroncode ausgel?st wird.

Dies kann zu einigen sequenziellen Problemen führen, wie z. B.:

 console.log ('start');
Promise.resolve (). Dann (() => console.log ('Versprechen'));
console.log ('end');

// Ausgabe:
// Start
// Ende
// versprechen

Dies liegt daran, dass Versprechen eine Mikroaufgabe ist, die nach Ablauf der aktuellen Makroaufgabe ausgeführt wird.

Auch in Bezug auf die Leistung missbrauchen Sie Versprechen nicht. Wenn Ihr Betrieb selbst synchronisiert ist, müssen Sie sie nicht in ein Versprechen einwickeln, andernfalls erh?ht sie den unn?tigen Gemeinkosten.

Es gibt noch ein paar Tipps:

• Mehrere nicht verwandte asynchrone Operationen k?nnen parallel zu Promise.all bearbeitet werden.all
• Wenn Sie eine Zeitüberschreitungsregelung ben?tigen, k?nnen Sie Promise.race verwenden
• Wenn Sie eine Garantie bereitstellen m?chten, k?nnen Sie Promise.catch oder versuchen/fangen (mit asynchronisiert/warten)

Grunds?tzlich ist das. Obwohl Versprechen einfach ist, müssen Sie noch mehr schreiben und mehr versuchen.

Das obige ist der detaillierte Inhalt vonEffektiv arbeiten mit JavaScript -Versprechen für asynchrone Operationen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!