Promise.prototype.then()

Method then() mengembalikan Promise. Menggunakan dua argumen: fungsi callback untuk kasus sukses dan gagal pada Promise.

Sintaks

p.then(onFulfilled, onRejected);

p.then(function(value) {
   // fulfillment
  }, function(reason) {
  // rejection
});

Parameter

onFulfilled

Function dipanggil ketika Promise dipenuhi. Fungsi ini memiliki satu argumen, value pemenuhan.

onRejected

Function dipangil ketika Promise ditolak. fungsi ini memiliki satau argumen, alasan penolakan.

Deskripsi

Kedua method then dan Promise.prototype.catch() megembalikan promis, juga dapat dirantaikan — operasi yang disebut composition.

Contoh

Meggunakan method then

var p1 = new Promise(function(resolve, reject) {
  resolve("Success!");
  // or
  // reject ("Error!");
});

p1.then(function(value) {
  console.log(value); // Success!
}, function(reason) {
  console.log(reason); // Error!
});

Perantaian

Karena method then mengembalikan Promise, anda bisa merantaikan pemanggilan then.

var p2 = new Promise(function(resolve, reject) {
  resolve(1);
});

p2.then(function(value) {
  console.log(value); // 1
  return value + 1;
}).then(function(value) {
  console.log(value); // 2
});

p2.then(function(value) {
  console.log(value); // 1
});

Anda juga bisa menggunakan perantaian untuk melaksanakan satu fungsi dengan sebuah Promise berbasis API diatas fungsi lainnya.

function fetch_current_data() {
  // The fetch() API returns a Promise.  This function
  // exposes a similar API, except the fulfillment
  // value of this function's Promise has had more
  // work done on it.
  return fetch("current-data.json").then((response) => {
    if (response.headers.get("content-type") != "application/json") {
      throw new TypeError();
    }
    var j = response.json();
    // maybe do something with j
    return j; // fulfillment value given to user of
              // fetch_current_data().then()
  });
}

Spesifikasi

Kompabilitas Browser

Lihat juga

• Promise
• Promise.prototype.catch()