Javascript: Async Function

Assalamualaikum wr wb. Halo guys kembali lagi dengan saya Haikal di website masteringjs. Kali ini saya akan sharing materi tentang async function. Langsung saja....

src: https://miro.medium.com/max/1200/1*KeSreLBdn5kB1rQtLnV6tg.jpeg

Apa itu async function?

async function adalah function yang dideklarasikan dengan async keyword di depan function tersebut. Async function juga merupakan sebuah instances atau blueprint dari AsyncFunction constructor dan jika telah menggunakan async function maka keyword await dapat digunakan. Dengan menggunakan async function ini perilaku promise-based dapat  digunakan dengan gaya yang lebih bersih dan mudah untuk di debug.

Contoh kodingan:

Kita membuat sebuah function yang mengembalikan sebuah promise yang akan terpenuhi atau resolve ketika setelah 2 detik. Lalu kita membuat sebuah async function untuk memanggilnya dan menggunakan keyword await. Lalu dimasukkan kedalam variabel dan di tampilkan bahwa ia telah resolve. 

 

Await Keyword

Await keyword dapat digunakan didalam async function. Ini merupakan keyword yang digunakan untuk menunggu sebuah promise. Ia akan menunggu sampai promise tersebut mengembalikan sebuah hasil (resolve/reject). Await ini membuat code kita di eksekusi secara berurutan. Jika kita memiliki promise 1, promise 2,... promise n dan keyword await ini dikaitkan maka code akan dieksekusi secara sequent.  

 

Syntax

Berikut sintaks atau penulisan async function:

Spesifikasi:

1. name: nama function tersebut
2. params: parameter yang diberikan pada function tersebut
3. statements: logika sesuai function tersebut
   

 

Hal yang harus diperhatikan

1. Menggunakan await keyword pada regular function
2.  Async Await membuat code berjalan secara sequential
   

Mungkin sekian saja untuk materi kali ini. Sampai jumpa di materi selanjutnya. Wassalamualaikum wr wb.