Mengatasi Sifat Asyncronus Javascript Dengan Promise

belajar promise asnyc await pada javascript - Halo.. Selamat tiba di artikel TB kali ini. Pada kesempatan kali ini aku akan kasih ilmu seputar pemrograman web. Sesuai judul, artikel kali ini akan membahas bahasa pemrograman yang cukup terkenal di kalangan developer web, yaitu javascript.

Javascript itu bahasa pemrograman yang awalnya dipakai untuk client side. Tapi sekarang, bahasa ini udah dapat dipakai di server side. Dan udah mulai banyak developer yang murtad dari bahasa server side yang tenar sebelumnya, yaitu PHP, ke Javascript.

Ketika berguru javascript, hal yang cukup menciptakan perut aku gundah dan kepala aku mules yaitu sifat asyncronusnya. Seperti yang kita ketahui, Asyncronus memang udah jadi sifat javascript semenjak dilahirkan.

Baca Juga: Cara Kerja Socket.io di Node Js + Source Code

Sifat Asyncronus Tuh Paan?
Bicara soal Asyncronus, maka kita akan kenalan sama lawannya, yaitu Syncronus

Syncronus yaitu proses pemuatan arahan yang prosesnya berjalan secara bergantian. Jika arahan sebelumnya belum dieksekusi, maka arahan berikutnya harus menunggu result dari fungsi arahan sebelumnya. Jika sudah, gres arahan berikutnya berjalan.

Sedangkan Asyncronus yaitu proses pemuatan arahan yang berjalan gak kenal tunggu-tungguan. Walaupun arahan sebelumnya masih proses eksekusi, arahan lain sudah dijalankan duluan..
(le asyncronus: bodok amat anying.. eksklusif gasak aee)

Berikut ini gambarannya..

Sifat asyncronus ini mempunyai kegunaan banget untuk menciptakan situs web yang lebih cepat. Tapi di beberapa kasus, sifat ini justru mengganggu.

Karena banyaknya persoalan yang timbul, maka munculah fitur gres dari javascript yang berjulukan Promise.

Promise Tuh Paan?
Sepertinya sesudah baca ulasan aku tadi, pembaca yang cerdas dan soleh udah tau apa itu Promise.

Promise yaitu blok arahan yang dipakai untuk menghandle sifat asyncronus javascript. Cara kerjanya dengan ngasih perintah ke sebuah fungsi arahan supaya dihukum sesudah arahan sebelumnya tamat dijalankan. Sintak yang dipakai untuk memberi perintah ke blok arahan yaitu async dan await.

Berikut ini struktur arahan dari promise

let variable_contoh = new Promise((resolve, reject) => {    // })

Sintak async dipakai untuk function yang ingin dijalankan secara syncronus, dan await dipakai untuk blok arahan yang harus dijalankan sesudah semua arahan dalam sintak async keload. Pusing..? :V

Dari awal sampe sini kan udah teori semua. Sekarang kita eksklusif praktek ke kodenya supaya lebih paham.

Contoh Sifat Asyncronus.

function contoh() {   setTimeout(function() {     console.log("Saya duluan")   }, 1000)   console.log("Saya belakangan") }  contoh() // menjalankan fungsi pola 

resultnya niscaya akan keluar "Saya belakangan" di log. Kemudian selang 1 detik, gres keluar "Saya duluan". Padahal log "Saya duluan" ditulis duluan.. :v

Itu akhir dari sifat asyncronus. Karena arahan masih diproses selama 1 detik, sistem eksklusif gasak arahan berikutnya.

Handle Asyncronus dengan Promise

async function contoh() {   let promise = new Promise((resolve, reject) => {     setTimeout(() => resolve("Saya duluan"), 1000)   })    let hasil = await promise // menunggu hasil promise    console.log(hasil)   console.log('Saya belakangan') }  contoh() // menjalankan fungsi pola 

jadinya akan keluar "Saya duluan" di log dengan selang 1 detik, lalu gres diikuti "Saya belakangan".

Ternyata berguru beginian bingungnya udah lama, gres tau jalan mudahnya.. wkwk

Oke, sekain artikel kali ini ihwal cara handle asyncronus javascript. Semoga bermanfaat! Terima kasih!
Sumber https://teziger.blogspot.com/

Bagikan Artikel ini