Javascript

Belajar Async, Await dan Promise Javascript

April 19, 2019

Javascript adalah bahasa pemrogramman yang pasti kamu gunakan jika kamu membuat sebuah web yang ada tampilanya.

Rasa kalau kamu bikin web tapi tidak pakai javascript akan banyak sekali hal - hal yang sulit dilakukan untuk membuat sebuah tampilan yang interaktif.

Pada kesempatan kali ini mari kita tambah pengetahuan kita tentang javascript yaitu teknik ngoding pada javascript.

Kita akan bahas tiga elemen penting untuk mengimplementasikan asynchronous programming pada javascript.

Asynchronous Programming

Sebelum kita bahas lebih lanjut materinya kita pahami dulu salah satu landasan dasar untuk memahami materi yang akan kita bahas yaitu Asynchronous Programming.

Apa itu Asynchronous Programming?

Asynchronous Programming adalah metode pemrogramman untuk mengelola proses secara pararel yang memungkinkan proses lain untuk di jalankan tanpa perlu menunggu salah satu proses lain selesai di jalankan.

Berikut ini adalah contoh dari program yang bukan Asynchronous Programming.

Pada code di atas kita membuat dua buah fungsi yang akan menjalankan proses menampilkan text. Pada fungsi count kita menjalankan perintah 10 kali. Kemudian pada fungsi say_hello hanya satu kali.

Secara default javascript mengeksekusi proses itu secara synchronous. Apa itu synchronous?

Synchronous adalah sebuah pengolahan data secara ber-urutan, satu proses tidak bisa dijalankan ketika proses sebelumnya belum selesai.

Hasilnya adalah seperti berikut ini.

Kalau kita hitung program di atas mengeksekusi 11 perintah, yaitu menampilkan angka 0 sampai 9 lalu kemudian menampilkan text hello.

Asynchronous itu adalah kebalikan dari synchronous yaitu sebuah prosess di jalankan tanpa menunggu proses sebelumnya selesai.

Dengan code di atas itu proses say_hello dapat di eksekusi tanpa harus menunggu proses count selesai.

Asynchronous Programming Javascript

Ok sekarang kita sudah tau apa itu Asynchronous dan di javascript secara default Synchronous.

Sekarang bagaimana caranya mengimplementasikan Asynchronous Programming pada javascript.

Untuk itu kita perlu membahas tiga hal terlebih dahulu, yaitu promise, async, dan await.

Promise

A Promise is an object representing the eventual completion or failure of an asynchronous operation. Since most people are consumers of already-created promises, this guide will explain consumption of returned promises before explaining how to create them.

Subscribe to My Newsletter

Thank you for your interest in my blog. Sign up to my newsletter to stay current on the latest news and information me and to be the first to see new blog posts.