💫 Manejando la Asincronía en #JavaScript 💫
Es uno de los pilares de JavaScript como lenguaje. Manejar el flujo del programa es esencial para trabajar con JavaScript
Estos son los principales métodos para que la domines 🧵👇
Es uno de los pilares de JavaScript como lenguaje. Manejar el flujo del programa es esencial para trabajar con JavaScript
Estos son los principales métodos para que la domines 🧵👇
🤷🏽♀️ ¿Por qué usarla?
Permite que múltiples cosas ocurran al mismo tiempo.
Cuando inicias una acción, tu programa sigue en marcha. Cuando la acción finaliza, el programa es informado y obtiene acceso al resultado.
👇
Permite que múltiples cosas ocurran al mismo tiempo.
Cuando inicias una acción, tu programa sigue en marcha. Cuando la acción finaliza, el programa es informado y obtiene acceso al resultado.
👇
🤔 ¿Cuándo utilizar la asincronía?
En operaciones bloqueantes, que son cuando leemos o escribimos en disco, o cuando hacemos una petición HTTP (Fetch) para traer o enviar datos al servidor a través de una API o WebService.
👇
En operaciones bloqueantes, que son cuando leemos o escribimos en disco, o cuando hacemos una petición HTTP (Fetch) para traer o enviar datos al servidor a través de una API o WebService.
👇
1️⃣ Callbacks
Consiste en pasar una función a otra función como parámetro.
Ésta se invoca cuando se ha completado una operación asíncrona, para que la callback pueda trabajar con el resultado.
👇
Consiste en pasar una función a otra función como parámetro.
Ésta se invoca cuando se ha completado una operación asíncrona, para que la callback pueda trabajar con el resultado.
👇
2️⃣ setTimeout
Es un método que te permite ejecutar una función despues de que X tiempo haya pasado.
👇
Es un método que te permite ejecutar una función despues de que X tiempo haya pasado.
👇
3️⃣ setInterval
Te permite ejecutar una función repetidas veces con un intervalo de tiempo entre cada ejecución.
No es tan eficiente como la siguiente pero te permite elegir una tasa de ejecución por frame.
👇
Te permite ejecutar una función repetidas veces con un intervalo de tiempo entre cada ejecución.
No es tan eficiente como la siguiente pero te permite elegir una tasa de ejecución por frame.
👇
4️⃣ requestAnimationFrame
Te permite ejecutar una función repetidas veces y de manera eficiente, a la mejor velocidad de frames disponible según tu navegador y SO
Siempre que puedas, utiliza esto en lugar de setInterval o un setTimeout recursivo
👇
Te permite ejecutar una función repetidas veces y de manera eficiente, a la mejor velocidad de frames disponible según tu navegador y SO
Siempre que puedas, utiliza esto en lugar de setInterval o un setTimeout recursivo
👇
5️⃣ Promesas
Te permiten ejecutar operaciones asíncronas y esperar a que se completen definitivamente antes de
ejecutar otra operación basada en su resultado.
Son una de las piezas claves de JavaScript moderno y asíncrono.
👇
Te permiten ejecutar operaciones asíncronas y esperar a que se completen definitivamente antes de
ejecutar otra operación basada en su resultado.
Son una de las piezas claves de JavaScript moderno y asíncrono.
👇
6️⃣ Async/Await
Es un “azúcar sintáctico” construído sobre las Promesas, que te permite ejecutar código asíncrono utilizando una sintaxis más parecida a escribir código de manera secuencial o asíncrono.
👇
Es un “azúcar sintáctico” construído sobre las Promesas, que te permite ejecutar código asíncrono utilizando una sintaxis más parecida a escribir código de manera secuencial o asíncrono.
👇
🙌 Espero que te haya servido!
Si quieres profundizar un poco más en esto, con ejemplos, te comparto este vídeo sobre Asincronía en JavaScript
Si quieres profundizar un poco más en esto, con ejemplos, te comparto este vídeo sobre Asincronía en JavaScript
• • •
Missing some Tweet in this thread? You can try to
force a refresh
