JavaScript Async/Menunggu bukan Sekadar Gula Sintaksis!!!!

Memahami Panggilan Balik, Janji, dan Async/Menunggu adalah bagian penting dalam bekerja dengan JavaScript karena JavaScript adalah Bahasa Pemrograman Berulir Tunggal.

Ada banyak sumber belajar mendalam yang menjelaskan cara kerja JavaScript Callbacks, Promises, dan Async/Await , jangan ragu untuk mempelajarinya dan kembali ke sini.

Tapi di sini, saya akan menunjukkan bagaimana Async/Menunggu identik dengan Janji atau haruskah kita katakan bagaimana Async/Menunggu adalah Janji!

Kami akan mendemonstrasikan menggunakan JavaScript Fetch API karena ini adalah API berbasis Janji, Kode Pertama akan ditulis menggunakan Async/Menunggu dan yang lainnya ditulis hanya dalam Janji tanpa kata kunci Async/Menunggu.

Untuk contoh ini, kami akan menghubungkan ke titik akhir Agify.io yang memprediksi usia seseorang berdasarkan namanya, Sekarang mari kita mulai.

1) Pertama, dengan Async/Await konveksi, kita cukup membuat fungsi yang mengirimkan nama orang sebagai parameter string kueri ke titik akhir API

async function prediction(name){
    response = await fetch(`https://api.agify.io?name=${name}`)
    person_details= await response.json()
    age=person_details["age"]
    return `Your Age is ${age}`
}

prediction("aisosa").then(console.log) // Output: Your Age is 33

prediction = (name) => new Promise((resolve,reject)=>{
    fetch(`https://api.agify.io?name=${name}`).then((response)=>{
        response.json().then((person_details)=>{
            age=person_details["age"]
            resolve(`Your Age is ${age}`)
        })
    })
})
prediction("aisosa").then(console.log) // Output: Your Age is 33

Kesimpulannya, JavaScript Async/Await bukan hanya Gula Sintaktis, Ini adalah JANJI.