Async on Commentary of Takao

Patrones a evitar con async/await en JavaScript

Sat, 15 Feb 2025 00:00:00 +0900

Introducción

async/await hizo la programación asíncrona más intuitiva, pero puede ocultar problemas de rendimiento y errores.

Antipatrón 1: Serialización innecesaria

No uses await secuencial para tareas independientes. Usa Promise.all para ejecución en paralelo.

Antipatrón 2: Bloques try-catch anidados

El anidamiento profundo derrota el propósito de async/await. Usa un solo bloque try-catch al más alto nivel.

Antipatrón 3: async callbacks en forEach

forEach con async callback ejecuta los callbacks síncronamente. Usa for...of para secuencial o Promise.all con map para paralelo.

Profundizando en el Event Loop de JavaScript: Microtasks, Macrotasks y más

Mon, 19 Feb 2024 00:00:00 +0900

El event loop de JavaScript es uno de los conceptos más importantes y menos entendidos. A pesar de ser single-threaded, su event loop permite concurrencia no bloqueante mediante un sistema de colas.

Call Stack

Estructura LIFO. Principio de run-to-completion: cada función se ejecuta hasta completarse antes de que otro código la interrumpa.

Cola de Macrotasks

Origen: setTimeout, setInterval, I/O, eventos UI. El event loop toma UNA macrotask por iteración, la ejecuta, luego procesa la cola de microtasks.

Patrones avanzados de Promises en JavaScript: Dominio del flujo asíncrono

Tue, 05 Dec 2023 00:00:00 +0900

Las Promises son fundamentales en JavaScript moderno. Más allá de cadenas básicas .then(), existen patrones avanzados para control de concurrencia, manejo de errores y cancelación.

Combinadores de Promises

Promise.all resuelve cuando todas resuelven. Promise.allSettled cuando todas se settling (nunca rechaza). Promise.race con la primera que se settling. Promise.any con la primera que resuelve.

Control de concurrencia

Un limitador de concurrencia encola tareas y asegura que solo un número específico se ejecute simultáneamente. El patrón pMap con Promise.race soporta contrapresión.