Esperar javascript
Conceptos básicos de async/esperaPara entender async/espera es más fácil empezar con un ejemplo de promesas que se utilizan y luego convertirlo en async/espera. Para empezar vamos a utilizar la siguiente función en todos nuestros ejemplos.function setTimeoutPromise(delay) {
Esta función es simplemente una versión basada en promesas de setTimeout. Ahora vamos a ver cómo encadenamos dos timeouts en los que el segundo espera a que el primero termine.setTimeoutPromise(250).then(msg => {
Si estás familiarizado con las promesas este código no debería ser demasiado confuso. La parte más confusa del código es que estamos devolviendo la segunda promesa de la primera para poder encadenarlas. Ahora este código funciona bien, pero podemos hacerlo mucho más limpio con async/await.doStuff()
Async/Await CaveatsAsync/await es increíble cuando se trata de código asíncrono, pero si necesitas tratar con código asíncrono que se ejecuta en paralelo no funciona.Imagina un escenario en el que estás haciendo un bucle a través de un conjunto de valores y quieres hacer algo con estos valores que es asíncrono.for (let i = 0; i < 10; i++) {
Por qué usar async/await
En esta lección hablaremos de las estrategias de manejo de errores en async await.Debido a que no hay un .then() sobre el que estemos encadenando con promesas, no es tan fácil como encadenar un .catch() al final de una cadena de promesas para lidiar con lo que está sucediendo. Vamos a cubrir 4 maneras diferentes que usted puede hacer el manejo de errores en async await, y luego Wes explicará qué enfoque que utilizaría en qué escenarios.Ir a nuestro patio de recreo y copiar el archivo async-await.html y cambiar su nombre a async-await-error-handling.html.Ir y eliminar todo, excepto para estas dos funciones: esperar y makePizza.<body>
</body>En nuestra función makePizza, sabemos que si incluye piña, rechazará porque hay un error.Ve debajo de la declaración de la función makePizza y haremos una función go(), que hará una pizza con el topping piña, y luego llamaremos a la función justo debajo, así function go() {
Lo que sucede es que cualquier código dentro del bloque try está en la zona segura. No se romperá toda la aplicación si algo del código dentro del bloque try falla. Si intentamos llamar a una función que no existe, como window.doesNotExist(), veremos que aún obtenemos los errores correspondientes.
Javascript espera la promesa
Swift añadió soporte para async/await con la versión 5.5 en 2021, añadiendo 2 nuevas palabras clave async y await. Esto fue lanzado junto con una implementación concreta del modelo Actor con la palabra clave actor[14] que utiliza async/await para mediar el acceso a cada actor desde el exterior.
Una función que utiliza async/await puede utilizar tantas expresiones await como quiera, y cada una de ellas será manejada de la misma manera (aunque sólo se devolverá una promesa a la persona que llama para la primera await, mientras que todas las demás await utilizarán callbacks internos). Una función también puede mantener un objeto promesa directamente y hacer otro procesamiento primero (incluyendo el inicio de otras tareas asíncronas), retrasando la espera de la promesa hasta que se necesite su resultado. Las funciones con promesas también tienen métodos de agregación de promesas que permiten esperar varias promesas a la vez o en algún patrón especial (como Task.WhenAll() de C#, que devuelve una Task sin valor que se resuelve cuando todas las tareas de los argumentos se han resuelto). Muchos tipos de promesas también tienen características adicionales más allá de lo que normalmente utiliza el patrón async/await, como poder establecer más de una devolución de llamada de resultado o inspeccionar el progreso de una tarea especialmente larga.
React async/await
Así que, async asegura que la función devuelve una promesa, y envuelve las no promesas en ella. Bastante simple, ¿verdad? Pero no sólo eso. Hay otra palabra clave, await, que sólo funciona dentro de las funciones async, y es bastante interesante.
Al igual que promise.then, await nos permite utilizar objetos then (los que tienen un método callable then). La idea es que un objeto ajeno puede no ser una promesa, pero sí compatible con la promesa: si soporta .then, eso es suficiente para usarlo con await.
Si await obtiene un objeto no-promesa con .then, llama a ese método proporcionando las funciones incorporadas resolve y reject como argumentos (tal y como hace un ejecutor Promise normal). Luego await espera hasta que una de ellas sea llamada (en el ejemplo anterior ocurre en la línea (*)) y luego procede con el resultado.
Si nos olvidamos de añadir .catch allí, entonces obtenemos un error de promesa no manejada (visible en la consola). Podemos atrapar este tipo de errores utilizando un manejador de eventos global unhandledrejection como se describe en el capítulo Manejo de errores con promesas.
