API 2

JavaScript

Asynchrony

Beispiel

Wassertanks

Callbacks

(Rückruffunktion)

Wir werden aufgerufen, sobald das Resultat bereit ist.

Eine Rückruffunktion (englisch callback function) bezeichnet in der Informatik eine Funktion, die einer anderen Funktion als Parameter übergeben und von dieser unter gewissen Bedingungen aufgerufen wird.

Callbacks in Action

Error Handling with Callbacks

Nested Callback Hell

PROMISES

Das Versprechen

Eine "Promise" stellt ein Versprechen für ein mögliches Resultat einer Operation in der Zukunft dar.

Promise Syntax

Die Erstellung einer Promise

new Promise(function(resolve, reject) {
  if (ok) {
    resolve();
  } else {
    reject();
  }
});

Promise Syntax

Die Verwertung einer Promise

promise
  .then(function(result) {
    // Alles okay mit resultat
  })
  .catch(function(error) {
    // Etwas ging schief mit Fehler!
  });

Promise Example

Übung Promise

The Busy Calculator

FETCH API

Fakten

  • Nachfolger API von XMLHttpRequest
  • Browser support in Chrome und Firefox
  • Über Polyfill in anderen Browsern gut einsetzbar https://github.com/github/fetch
  • Funktioniert mit Promises
  • Sollte XMLHttpRequest immer vorgezogen werden

Beispiel

Weitere JSBins

Made with Slides.com