En https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function dicen que escribir
async function foo() { return 1 }es lo mismo que escribir
function foo() { return Promise.resolve(1) } Eso significa que si queremos 'transformar' una promesa en una función asíncrona, debemos reemplazar resolve(promise_result) con return promise_result .
Pero cuando trato de usar setTimeout con async no funciona:
const test1 = async () => { setTimeout( () => { return 5; }, 2000, ) } const test2 = () => new Promise( (resolve, reject) => { setTimeout( () => resolve(25), 1000 ) } ) const execute = async () => { const result = await test1(); console.log(result); // undefined } execute(); Si uso await en test2 , funciona pero no funciona en test1 . Porqué es eso ? ¿ async/await solo está destinado a tratar con promesas pendientes sin usar .then o puedo usar async con return result en lugar de usar Promise con resolve ?
No está definido porque test1 no devuelve nada. echa un vistazo más de cerca lo devuelves en la función anónima atrás
const test1 = async () => { // <--- this function returns nothing back. Nothing means "undefined" setTimeout( () => { // <---- you return it here back in your anonymous function witch makes no sense return 5; }, 2000, ) }Eso es divertido. El problema aquí es que
const test1 = async () => { setTimeout( () => { return 5; }, 2000, ) } test1 es una función asíncrona, PERO setTimeout no lo es.
setTimeout simplemente programará lo que le pase y devolverá su ID de tiempo de espera inmediatamente. En tal caso, realmente necesitaría manejar el código de Promise manualmente .