Promises dan async/await: Janji Manis yang Selalu Tepat Waktu!

 

Kamu pernah nggak sih punya temen yang selalu janji tapi nggak pernah tepati? Ya, emang sih, katanya mau datang jam 3 sore, eh ternyata jam 6 baru nongol. Atau, bilangnya mau bantu tugas, tapi malah ngilang! 🙄 Nah, di dunia JavaScript, ada yang namanya Promises dan async/await yang ngajarin kita gimana caranya supaya janji itu bisa ditepati, dan nggak bikin kita nunggu terlalu lama!

Kalo kamu pernah ngalamin kebingungan dengan callback hell, maka Promises dan async/await adalah penyelamatmu yang datang tepat waktu dan ngasih solusi tanpa bikin kamu pusing! 💥

Yuk, kita bahas bareng-bareng, siapa tahu kamu bisa jadi lebih jago dalam ngatur waktu!

Apa Itu Promise? Janji yang Bisa Ditagih!

Bayangin deh, kamu lagi nunggu teman yang bilang, “Bro, gue janji jam 3 sore bakalan datang bawa makanan!” Nah, janji itu bisa jadi fulfilled (tepati) atau rejected (gagal), tergantung dia datang atau nggak. Promise itu mirip banget sama janji teman kita—dia janji akan selesai dalam waktu tertentu, dan kita bisa menunggu atau tahu kalau akhirnya dia gagal.

Promise itu adalah objek yang mewakili hasil dari operasi yang belum selesai, dan bisa jadi berhasil atau gagal. Jadi, promise ngasih kita kesempatan buat tahu kapan hasilnya bakal datang—dengan catatan, dia bisa terlambat juga! 😅

Contoh Promise:

let janji = new Promise((resolve, reject) => {
  let temanDatang = true;

  if (temanDatang) {
    resolve("Teman datang bawa makanan!"); // Janji ditepati
  } else {
    reject("Teman gagal datang!"); // Janji gagal
  }
});

janji.then((pesan) => {
  console.log(pesan);  // Kalau janji ditepati
}).catch((error) => {
  console.log(error);  // Kalau janji gagal
});

Penjelasan: Di sini, resolve itu kalau janji ditepati (teman datang bawa makanan), sedangkan reject itu kalau janji gagal (teman nggak datang). Jadi kita bisa menggunakan .then() untuk nunggu janji ditepati, atau .catch() buat nge-handle kalau janji gagal.

Async/Await: Pengen Nunggu dengan Tenang Tanpa Stres!

Kalo Promise itu udah bagus, tapi kadang kita masih ngerasa bingung sama urutannya yang terlalu banyak. Bayangin aja kamu harus nulis banyak banget then() dan catch() buat ngelakuin hal-hal berurutan. Nah, di sinilah async/await masuk! Dia itu kayak teman yang bilang, “Sabar, bro, tunggu sebentar, nanti hasilnya dateng kok, langsung siap!” 😌

Async/Await membuat kode kamu jadi lebih rapi dan mudah dibaca. Kamu gak perlu lagi mikir, “Loh, promise yang mana duluan nih?” Cukup pake async buat mendeklarasikan fungsi yang asyncronous, dan await buat nunggu hasilnya dengan santai.

Contoh Async/Await:

async function beliMakanan() {
  try {
    let janji = new Promise((resolve, reject) => {
      let temanDatang = true;

      if (temanDatang) {
        resolve("Teman datang bawa makanan!");
      } else {
        reject("Teman gagal datang!");
      }
    });

    let pesan = await janji;  // Tunggu promise selesai
    console.log(pesan);
  } catch (error) {
    console.log(error);
  }
}

beliMakanan();

Penjelasan:

• Fungsi async membuat kita bisa pake await di dalamnya. Jadi, kita bisa "nunggu" hasil dari promise dengan lebih tenang tanpa harus bikin kode berantakan.
• await bakal nunggu hasil dari promise, jadi program nggak lanjut ke kode berikutnya sampai janji (promise) itu selesai.
• Kalau ada masalah, kita bisa pake try...catch buat menangani error, supaya nggak jadi bencana!

Kenapa Harus Pakai Promises dan async/await?

Pernah nggak sih kamu ngerasa pusing banget karena ngelakuin banyak hal secara bersamaan? Itu dia kenapa Promises dan async/await penting banget! Mereka bikin pengelolaan waktu di JavaScript jadi lebih rapih, dengan cara menunggu proses lain selesai tanpa harus menggantungkan semuanya ke satu-satu.

Dengan Promises, kamu bisa ngatur urutan tugas, dan dengan async/await, kamu bisa nunggu hasil tanpa stress, kayak temen yang janji datang tepat waktu tanpa ganggu rencana lain.

Kesimpulan: Jangan Takut Dengan Janji!

Jadi, Promises dan async/await itu bukan hanya tentang janji—mereka adalah cara yang luar biasa buat menangani tugas-tugas asyncronous dengan lebih santai dan teratur! Kamu bisa nunggu janji dipenuhi tanpa kebingungan dan tanpa berlarut-larut. Pasti seru kan kalau semuanya bisa dikerjain dengan cara yang lebih rapi dan nggak bikin pusing!

So, jangan takut lagi buat bikin janji dengan Promises dan async/await. Karena kalau janji itu ditepati, hidup kita jadi lebih tenang! 😏

 

 

JavaScript

Pelajari JavaScript untuk interaktivitas website.