0Pricing
JavaScript Academy · Lección

Patrones de reintento y backoff

Reintente varias veces las operaciones asíncronas fallidas con pausas; añada backoff exponencial y un pequeño jitter; deténgase después de un máximo claro.

Patrones de reintento y backoff es una lección gratuita de JavaScript Academy en CoddyKit. Esta es la lección 3 de 3. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de JavaScript Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Por qué reintentar?

Objetivo: añadir reintentos breves y controlados.

  • Bucle de reintento sencillo
  • Backoff exponencial
  • Un pequeño jitter
  • Número máximo de intentos claro
Patrones de reintento y backoff — ilustración 1

Función auxiliar de delay

Necesita una pequeña función auxiliar de delay para hacer una pausa entre los intentos.

// delay: resolve after ms
function delay(ms) {
  return new Promise(function (resolve) {
    setTimeout(function () { resolve(); }, ms);
  });
}

async function demoDelay() {
  console.log("wait...");
  await delay(5);
  console.log("done");
}

demoDelay();
Patrones de reintento y backoff — ilustración 2

Simular trabajo inestable

Esta tarea simulada permite practicar los reintentos sin realizar llamadas de red reales.

// Unstable task: fails first N times, then succeeds
function makeUnstable(failCount, value) {
  let left = failCount;
  return async function run() {
    if (left > 0) {
      left = left - 1;
      throw new Error("temporary");
    }
    return value;
  };
}

const sometimes = makeUnstable(2, "OK");
sometimes().catch(function (e) { console.log("first:", e.message); });
Patrones de reintento y backoff — ilustración 3

Bucle de reintento fijo

Intervalo fijo: espere el mismo tiempo entre los intentos y deténgase después del número máximo de intentos.

// Retry a few times with a fixed wait
async function retryFixed(fn, tries, waitMs) {
  let lastError = null;
  for (let i = 1; i <= tries; i++) {
    try {
      return await fn();
    } catch (e) {
      lastError = e;
      console.log("attempt", i, "failed:", e.message);
      if (i < tries) {
        await delay(waitMs);
      }
    }
  }
  throw lastError;
}

(async function () {
  const job = makeUnstable(2, "OK");
  const result = await retryFixed(job, 3, 5);
  console.log("fixed result:", result);
})();
Patrones de reintento y backoff — ilustración 4

Backoff exponencial

Backoff: aumente la espera en cada intento y añada un pequeño jitter para evitar picos.

// Exponential backoff with a tiny jitter
function jitter(ms) {
  const wiggle = Math.floor(Math.random() * 3); // 0..2
  return ms + wiggle;
}

async function retryBackoff(fn, tries, baseMs) {
  let lastError = null;
  for (let i = 1; i <= tries; i++) {
    try {
      return await fn();
    } catch (e) {
      lastError = e;
      console.log("attempt", i, "failed:", e.message);
      if (i < tries) {
        const wait = jitter(baseMs * Math.pow(2, i - 1));
        await delay(wait);
      }
    }
  }
  throw lastError;
}

(async function () {
  const job = makeUnstable(2, "OK");
  const value = await retryBackoff(job, 4, 3);
  console.log("backoff result:", value);
})();
Patrones de reintento y backoff — ilustración 5

Consejos sobre reintentos

Consejos:

  • Reintente solo ante errores temporales (tiempos de espera agotados, límites de solicitudes).
  • No reintente cuando los datos de entrada sean incorrectos.
  • Mantenga pocos intentos (3–5) y registre los fallos brevemente.
Patrones de reintento y backoff — ilustración 6

Cuestionario sobre reintentos y backoff

Comprobación rápida: conceptos básicos del backoff.

Patrones de reintento y backoff — ilustración 7

Repaso

Repaso: Ha creado un bucle de reintento fijo, ha añadido backoff exponencial con un pequeño jitter y ha establecido un número máximo de intentos para mantener la capacidad de respuesta de las aplicaciones.

Patrones de reintento y backoff — ilustración 8

Preguntas frecuentes

¿La lección «Patrones de reintento y backoff» es gratis?

Sí — el texto completo de «Patrones de reintento y backoff» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de JavaScript Academy, actualiza a CoddyKit PRO. El curso de JavaScript Academy incluye 3 lecciones en total.

¿Qué aprenderé en «Patrones de reintento y backoff»?

Reintente varias veces las operaciones asíncronas fallidas con pausas; añada backoff exponencial y un pequeño jitter; deténgase después de un máximo claro. Practicas JavaScript Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.

¿Necesito experiencia previa para empezar JavaScript Academy?

No se requiere experiencia previa. JavaScript Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 3 de 3.

¿Cuánto tiempo toma la lección «Patrones de reintento y backoff»?

La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.

¿Puedo escribir y ejecutar código en esta lección de JavaScript Academy?

Sí. Cada lección de JavaScript Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.

Todas las lecciones de este curso

  1. Escritura de funciones async; try/catch; paralelo frente a secuencial
  2. Timeouts y cancelación con AbortController
  3. Patrones de reintento y backoff
← Volver a JavaScript Academy