PROMISE

Promise dalam JavaScript memungkinkan kamu untuk menangani operasi asynchronous dengan lebih mudah dan intuitif. Promise merupakan sebuah objek yang digunakan untuk operasi yang belum selesai atau gagal, biasanya digunakan untuk operasi yang membutuhkan waktu seperti permintaan ke server, membaca file, dan lainnya.

Apa Itu Promise?

Promise adalah objek dalam JavaScript yang mengembalikan nilai atau alasan penolakan yang mewakili hasil dari operasi asynchronous. Sebagai suatu objek, Promise memiliki tiga kondisi:

1. Pending (menunggu): Kondisi awal, tidak terpenuhi atau ditolak.
2. Fulfilled (terpenuhi): Artinya, operasi selesai dengan sukses.
3. Rejected (ditolak): Operasi selesai dengan kegagalan.

Berikut adalah contoh penulisan objek Promise:

let janji = new Promise((resolve, reject) => {
  let berhasil = true;
  if (berhasil) {
    resolve("Janji terpenuhi!");
  } else {
    reject("Janji tidak ditepati");
  }
});

Bagaimana Cara Kerja Promise?

Promise bekerja dengan memanggil fungsi resolve() saat operasi berhasil, atau reject() saat gagal. Kemudian, untuk mendapatkan hasilnya, kita menggunakan metode .then() untuk keberhasilan, dan .catch() untuk kegagalan.

Contoh penggunaan Promise:

janji
  .then(hasil => console.log(hasil))
  .catch(alasan => console.log(alasan));

Penggunaan Real Promise

Dalam penggunaan sehari-hari, Promise biasanya digunakan dalam operasi yang berkaitan dengan waktu seperti pengambilan data dari server (fetch API), memproses gambar, membaca file, dan lain sebagainya.

Berikut adalah contoh pengambilan data dari server menggunakan fetch API yang mengembalikan objek Promise:

fetch("api/mahasiswa")
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.log("Error:", error));

Dalam contoh di atas, kita menggunakan metode fetch yang mengembalikan Promise. Setelah berhasil, kita menggunakan metode .json() untuk mengubah respons menjadi format JSON, yang juga mengembalikan Promise. Kemudian, kita dapat mengakses data tersebut.

Kesimpulan

Melalui artikel ini, diharapkan kamu telah memahami konsep dasar Promise dalam JavaScript, bagaimana cara kerja dan penggunaannya. Tetap semangat belajar dan terus eksplorasi lebih banyak tentang JavaScript!