Struktur async/await memungkinkan kita menulis kode asinkron yang tampak dan mudah dibaca layaknya kode sinkron prosedural.
JS Asynchronous
Contoh Kode JS Asynchronous:
<!DOCTYPE html>
<html>
<body style="font-family: sans-serif; padding: 20px;">
<h2>Asinkron dengan async/await</h2>
<p id="statusAsync">Menunggu simulasi unduh data...</p>
<script>
const jedaWaktu = (ms) => new Promise(resolve => setTimeout(resolve, ms));
async function jalankanProses() {
await jedaWaktu(1500); // Simulasi request 1.5 detik
document.getElementById('statusAsync').innerHTML =
"<span style='color:#04AA6D; font-weight:bold;'>Data Selesai Dimuat Melalui Promise!</span>";
}
jalankanProses();
</script>
</body>
</html>
Uji kode JavaScript di atas dengan menekan tombol atau mengamati perubahan nilai pada elemen HTML.