Stack Overflow en español

9:09 AM

Cries in jquery so hard T_T

@NicolasOñate Mira, tengo una serie de ejempos de cómo sería la sintaxis con estas diferentes alternativas. Primero, si las llamadas fuesen "normales" (ni callbacks, ni promesas, ni async, sino código síncrono bloqueante, una tras otra)

// Versión síncrona (bloqueante del hilo de GUI durante la ejecución de serv1 y serv2)
function main() {
    r1 = serv1(parametros);
    r2 = serv2(r1);

    // Lo anterior también se podría haber escrito r2 = serv2(serv1(parametros))
    console.log("Resultado final: " + r2);
}

Ahora, con callbacks (y ya se observa la anidación que algunos han llamado callback hell)

// Versión asíncrona. Se supone que asinc1() y asinc2() son funciones que admiten
// un callback como parámetro, al cual llamarán pasándole el resultado
function main() {
    asinc1(parametros, function(r1){
        // Tenemos el resultado de asinc1
        asinc2(r1, function(r2) {
            console.log("Resultado final: " + r2);
        });
    });
}

Gracias a las promesas evitamos esa anidación. (Según el Zen Python, "Flat is better than nested" :-)

// Versión con Promises
// Ahora asinc1 y asinc2 se supone que retornan una Promise
function main() {
    asinc1(parametros)
    .then(function(r1){ return asinc2(r1); })
    .then(function(r2){
      console.log("Resultado final: " + r2);
    })
}

Finalmente, async/await cambia la sintaxis, aunque la funcionalidad es la misma que la de las Promises. La nueva sintaxis hace que todo parezca código secuencial normal

Nicolas Oñate

@abulafia Maravilloso, gracias!

abulafia

async function main() {
    r1 = await asinc1(parametros);
    r2 = await asinc2(r1);

    console.log("Resultado final: " + r2);
}

Pero las funciones asinc1 y asinc2 de este último ejemplo deberían ser como las del ejemplo anterior, esto es, retornar Promises

Nicolas Oñate

@abulafia ahora me surge la duda si en soes existe una pregunta de este estilo, porque ya con copiar y pegar eso tienes la respuesta

abulafia

Ya... :-)

pues no sé...

Algo hay, si

2

Q: Duda sobre Promises y async await?

estoy viendo las promises y async await en JavaScript. La sintaxis para generar ambas si la entiendo y puedo crearlas. Lo que no entiendo es porque usamos async await si las promesas ya se crean para generar tareas asíncronas. No entiendo el porque async await. ¿Me podeis ayudar a entender el por...

35

A: ¿Cómo obtener la respuesta de una llamada asíncrona (AJAX) fuera de ella?

Explicación del problema. La A en Ajax significa Asíncrono; esto quiere decir que la petición está fuera del flujo normal de ejecución. En tu código el $.ajax, al ejecutarse, continúa el return, return resultado, y esta es ejecutada antes de que la función o petición ajax pase el valor de la res...

Nicolas Oñate

9:23 AM

Pero no hay una en busca de clean code :)

rollo: ¿Cúal función asincrona es la mas optima?

@abulafia Escribo pregunta y respondes?

abulafia

@NicolasOñate JavaScript no es mi especialidad, no estoy seguro de no haber metido la pata en algo. Espera a que algún experto lo lea en el chat y me corrija :-)

Nicolas Oñate

@abulafia yo por si acaso la escribo la pregunta y si ya existia la elimino

0

Q: ¿Cual función asíncrona es la mas optima?

Buscando la manera de optimizar mi código he visto que existen tres maneras de crear tareas asíncronas: Callback Promises Async/await Siguiendo la metodología de clean code. ¿En que momento debería usar cada una y cual seria la mas optima?

javascript

abulafia

No sé si "optimo" es el adjetivo correcto. Desde el punto de vista del tiempo de ejecución tanco callbacks como Promises, como async son equivalentes. Es más bien un asunto de legibilidad (y por tanto mantenibilidad)

blonfu

@Aritzbn ya lo has conseguido?

Nicolas Oñate

@abulafia eres libre de editar, doy por seguro de que se convertirá en wiki

Anonymous

9:38 AM

@NicolasOñate se me han quedado las tildes del texto sin editar, no me fijé :(

Transcript for