'async/menunggu' dalam JavaScript: perincian mudah

Saya mengalami kesulitan mempelajari konsep async & menunggu di JavaScript, itulah mengapa saya ingin menjelaskan di sini sesederhana mungkin sehingga Anda tidak akan kesulitan sama sekali:

Untuk fungsi async saya anggap anda sudah mengetahui tentang Promises di JS, Jika belum Silahkan baca tentang promise di JavaScript disini:

https://amitabhiam.medium.com/i-promise-this-way-promise-won-t-break-your-heart-in-javascript-promises-727747b8a6ec

fungsi asinkron :

Suatu fungsi dapat dibuat async dengan menggunakan kata kunci 'async'. Itu dapat berisi nol atau lebih ekspresi 'menunggu'.

Ia bekerja dengan Promise untuk menghindari beberapa situasi .then() dalam rantai janji atau untuk menulis perilaku berbasis janji dengan cara gaya yang jelas.

Deklarasi : Dapat dideklarasikan menggunakan 'fungsi async' di mana kata kunci 'menunggu' diizinkan di dalam badan fungsi.

ekspresi await menangguhkan eksekusi sampai janji pengembalian dipenuhi atau ditolak sehingga membuat fungsi janji berperilaku sinkron.

menunggu hanya valid di dalam fungsi async.

Contoh menggunakan Janji:

function resolveAfter6Second() {
    console.log("starting a slow promise");
    return new Promise ((resolve) => {
        setTimeout( function () {
            resolve("slow");
            console.log("This is slow promise");
        }, 6000);
    } );
}

function resolveAfter3Second() {
    console.log("starting fast promise");
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve("fast");
        console.log("fast promise is done");
      }, 3000);
    });
  }


async function sequentialStart() {
    console.log("performing Sync Operation");

    const slow = await resolveAfter6Second();
    console.log(slow);

    const fast = await resolveAfter3Second();
    console.log(fast);
}

sequentialStart();