Javascript: async/await

Async und Wait sind leistungsstarke Funktionen in JavaScript, die die Arbeit mit Promises einfacher und lesbarer machen. Sie ermöglichen es Ihnen, asynchronen Code zu schreiben, der wie synchroner Code aussieht und sich verhält. Hier ein kurzer Überblick:

asynchrone Funktion

• Definition: Eine asynchrone Funktion ist eine Funktion, die ein Versprechen zurückgibt. Es ermöglicht Ihnen die Verwendung von „await“ darin.
• Syntax:

  async function myFunction() {
    // Your code here
  }

Schlüsselwort warten

• Definition: Das Schlüsselwort „await“ kann nur innerhalb einer asynchronen Funktion verwendet werden. Es unterbricht die Ausführung der asynchronen Funktion und wartet darauf, dass das Versprechen aufgelöst oder abgelehnt wird.
• Syntax:

  let result = await somePromise;

Beispiel

Hier ist ein einfaches Beispiel, das zeigt, wie Async und Wait zusammenarbeiten:

function fetchData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve('Data fetched');
    }, 2000);
  });
}

async function getData() {
  console.log('Fetching data...');
  const data = await fetchData();
  console.log(data);
}

getData();

In diesem Beispiel:

1. fetchData ist eine Funktion, die ein Promise zurückgibt, das nach 2 Sekunden aufgelöst wird.
2. getData ist eine asynchrone Funktion, die „await“ verwendet, um auf die Auflösung von fetchData zu warten.
3. Wenn getData aufgerufen wird, protokolliert es „Daten werden abgerufen...“, wartet auf die Auflösung von fetchData und protokolliert dann „Daten abgerufen“.

Vorteile

• Lesbarkeit: async/await lässt asynchronen Code eher wie synchronen Code aussehen, was leichter zu lesen und zu verstehen ist.
• Fehlerbehandlung: Sie können try...catch-Blöcke mit async/await verwenden, um Fehler sauberer zu behandeln.

Beispiel für die Fehlerbehandlung

async function getData() {
  try {
    console.log('Fetching data...');
    const data = await fetchData();
    console.log(data);
  } catch (error) {
    console.error('Error fetching data:', error);
  }
}

getData();

Wenn fetchData in diesem Beispiel abgelehnt würde, würde der Fehler vom Catch-Block abgefangen und „Fehler beim Abrufen der Daten:“ würde zusammen mit der Fehlermeldung protokolliert.

Danke fürs Lesen!
Ich hoffe, Sie fanden diesen Artikel hilfreich und informativ. Wenn es Ihnen gefallen hat oder Sie etwas Neues gelernt haben, können Sie Ihre Meinung gerne in den Kommentaren teilen oder sich mit mir in Verbindung setzen.

Wenn Sie meine Arbeit unterstützen und mir helfen möchten, weitere Inhalte wie diesen zu erstellen, denken Sie darüber nach, mir einen Kaffee zu spendieren. Ihre Unterstützung bedeutet mir sehr viel und hält mich motiviert!

Nochmals vielen Dank für Ihren Besuch! ?

Das obige ist der detaillierte Inhalt vonJavascript: async/await. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!