ES2017 Memperkenalkan JavaScript Async/Await yang merupakan pembungkus di sekitar janji. Async/Await digunakan untuk mengkonsumsi API berbasis janji dengan cara modern dan paling sederhana.

Apa itu async menunggu di javascript??

Ringkasan

Kami membahas JavaScript janji Dalam posting blog kami sebelumnya dan Anda harus mengunjungi jika Anda ingin mendapatkan pemahaman yang jelas tentang konsep di balik janji JavaScript. Dalam seri ini tutorial JavaScript, kami di sini dengan panduan JavaScript lain yang akan menunjukkan fitur modern dari JavaScript Async/Await. Posting blog ini untuk mereka yang memiliki pengetahuan sebelumnya tentang janji JavaScript. Lebih lanjut, kami akan mencoba membahas apa itu async/menunggu di javascript , dan ketika kami perlu menggunakan async/menunggu. Selain itu, kami juga akan membahas kesalahan penanganan dengan async/menunggu. Jadi, berikan bacaan menyeluruh untuk tutorial JavaScript Async/Await untuk menandai konsep ini diperiksa. Kami akan melalui bagian berikut dalam tutorial JavaScript Async Await ini:

Apa itu Async/Await di JavaScript | Async menunggu sintaks

ECMascript 2017 merilis fitur baru JavaScript dan Async/Await adalah salah satu yang paling banyak digunakan di antara fitur -fitur ini. Async/Await dibangun di atas janji -janji dan sebenarnya cara modern untuk menangani janji JavaScript. Mari kita lihat cara menggunakan kata kunci Async/Await dalam kode JavaScript:

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().then(function(){
  console.log(data); // results printed.
})

Nah, kata kunci async di awal fungsi menyiratkan bahwa fungsi ini akan mengembalikan janji. Jadi, tunggu kata kunci selalu digunakan di dalam tubuh fungsi async untuk menjeda eksekusi fungsi sampai janji diselesaikan. Yang penting untuk dicatat di sini adalah bahwa Anda tidak dapat menggunakan kata kunci menunggu di dalam tubuh fungsi reguler. Namun, Anda dapat menggunakan menunggu hanya dengan fungsi asinkron yang dinyatakan dengan kata kunci async.

Kapan Menggunakan Async/Await?

Sejauh ini, Anda memiliki jawaban untuk apa yang ditunggu async di javascript . Karena ini hanya pembungkus di sekitar janji JavaScript tradisional sehingga Anda lebih baik menggunakan cara baru ini untuk membuat dan menangani janji dengan cara yang lebih bersih dan mudah dibaca. Selain itu, Anda dapat menyingkirkan beberapa janji. Kata kunci yang menunggu merangkum pernyataan .then () ke dalam satu baris.

Penanganan kesalahan dengan async/menunggu

Penanganan kesalahan adalah tugas penting dalam hal pengembangan perangkat lunak tingkat perusahaan. Ada beberapa cara untuk menangkap kesalahan dalam pendekatan async/menunggu.

Coba tangkap async menunggu javascript

Coba tangkap async menunggu javascript : tidak ada yang baru dengan pendekatan penanganan kesalahan ini. Namun, Anda dapat menggunakan blok mencoba/menangkap di dalam fungsi async seperti yang ditunjukkan pada cuplikan kode di bawah ini:

async function getValues() {
  try{
    let promise = new Promise(function(resolve, reject) {
     // processing.. 
    });

    let data = await promise; // waits until the promise fulfills
   
    return data;
  } catch(err){
    // you may handle errors the way you want..
  }
 
}

Menggunakan blok coba/tangkap, Anda dapat menangkap pengecualian di dalam tubuh fungsi async. Sedangkan, ada pendekatan lain untuk menangani kesalahan di mana Anda dapat menambahkan blok .catch () di akhir panggilan fungsi. Karena Async/Await mengembalikan janji, sehingga Anda menangkap kesalahan di blok .catch ().

async function getValues() {

  let promise = new Promise(function(resolve, reject) {
   // processing.. 
  });

  let data = await promise; // waits until the promise fulfills
   
  return data;
 
}
getValues().catch(err){
 // catch the errors 
}

Kesimpulan

Kami mengakhiri tutorial javascript async menunggu ini . Semoga Anda memiliki pemahaman yang lebih baik tentang apa yang ditunggu async di JavaScript . Selain itu, kami telah melalui sintaks JavaScript Async menunggu yang membuat kode sumber menjadi lebih kompleks. Fitur JavaScript ini banyak digunakan karena penggunaan dan kinerjanya yang kaya. Dalam beberapa hari mendatang, kami akan menulis lebih lanjut tentang fitur dan konsep JavaScript sehingga Anda bisa mendapatkan perintah yang kuat atas konsep JS. Selain itu, ada beberapa artikel menarik lainnya yang disebutkan di bagian “Lihat juga”.

Terhubung dengan kami

Terakhir, containerize.com menawarkan tutorial JavaScript yang sedang berlangsung tentang berbagai topik menarik. Anda dapat tetap diperbarui dengan mengikuti kami di platform media sosial kami, termasuk Facebook, LinkedIn, dan Twitter.

Berikan pertanyaan

Anda dapat memberi tahu kami tentang pertanyaan atau pertanyaan Anda di [forum] kami 10.

FAQ

Apa itu async menunggu di javascript dengan contoh? Anda dapat mengunjungi tautan ini untuk memahami konsep async menunggu. Apa itu async menunggu vs janji?

  • Async/Await membuat kode sumber lebih jelas dan dapat dibaca dibandingkan dengan janji -janji di mana janji rantai dapat membuat kode sumber berantakan.
  • Penanganan kesalahan sangat mirip di kedua pendekatan.
  • Debugging kurang sulit dalam menunggu.
  • Janji Pertahankan Negara -negara seperti yang tertunda, diselesaikan, atau ditolak. Sedangkan, async/wait baik diselesaikan atau ditolak.

Lihat juga