¡JavaScript Async/Await no es solo un azúcar sintáctico!

Comprender las devoluciones de llamada, las promesas y Async/Await es una parte crucial de trabajar con JavaScript, ya que JavaScript es un lenguaje de programación de subproceso único.

Hay muchos recursos de aprendizaje detallados que explican cómo funcionan JavaScript Callbacks, Promises y Async/Await , siéntete libre de estudiarlos y volver aquí.

Pero aquí, mostraré cómo Async/Await es idéntico a Promises o deberíamos decir cómo Async/Await son Promises.

Demostraremos el uso de JavaScript Fetch API ya que es una API basada en Promise, el primer código se escribiría usando Async/Await y el otro escrito solo en Promises sin las palabras clave Async/Await.

Para este ejemplo, nos estaríamos conectando al punto final Agify.io que predice la edad de una persona en función de su nombre. Ahora vamos a ello.

1) Primero, con Async/Await convencional, simplemente creamos una función que envía el nombre de la persona como un parámetro de cadena de consulta al punto final de la 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

En conclusión, JavaScript Async/Await no es solo un azúcar sintáctico, es PROMESAS.