JavaScript Async/Await non è solo uno zucchero sintattico!!!!

Comprendere le richiamate, le promesse e Async/Await è una parte cruciale del lavoro con JavaScript poiché JavaScript è un linguaggio di programmazione a thread singolo.

Ci sono molte risorse di apprendimento approfondite che spiegano come funzionano JavaScript Callbacks, Promises e Async/Await , sentiti libero di studiarle e tornare qui.

Ma qui mostrerò come Async/Await è identico a Promises o dovremmo dire come Async/Await sono Promises!

Dimostreremo l'utilizzo dell'API JavaScript Fetch poiché si tratta di un'API basata su Promise, il primo codice verrebbe scritto utilizzando Async/Await e l'altro scritto solo in Promises senza le parole chiave Async/Await.

Per questo esempio, ci connetteremmo all'endpoint Agify.io che prevede l'età di una persona in base al suo nome, ora andiamo al punto.

1) Innanzitutto, con il convezionale Async/Await, abbiamo semplicemente creato una funzione che invia il nome della persona come parametro della stringa di query all'endpoint 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

In conclusione, JavaScript Async/Await non è solo uno zucchero sintattico, è PROMESSE.