0Pricing
JavaScript Academy · Lección

Retornos anticipados y guard clauses

Use retornos anticipados y guard clauses para simplificar las condiciones, reducir el anidamiento y hacer claro el flujo principal.

Retornos anticipados y guard clauses 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.

Introducción

Objetivo: Escriba funciones más claras devolviendo pronto cuando las entradas no sean válidas, para que la ruta principal sea breve.

  • Retorno anticipado
  • Cláusula de guarda
  • Menos anidamiento
Retornos anticipados y guard clauses — ilustración 1

Sin cláusula de guarda

El anidamiento coloca el trabajo principal dentro de un if, que puede resultar difícil de leer a medida que crece.

// Nested style without guard
function welcome(name) {
  if (name) {
    const message = "Hello, " + name + "!";
    console.log(message);
  } else {
    console.log("Name required");
  }
}

welcome("Ayla");
welcome("");
Retornos anticipados y guard clauses — ilustración 2

Refactorización con cláusula de guarda

Gestione primero las entradas no válidas y, después, escriba la ruta principal con menos niveles de indentación.

// Guard clause: return early for bad input
function welcomeSafe(name) {
  if (!name) {
    console.log("Name required");
    return;
  }
  const message = "Hello, " + name + "!";
  console.log(message);
}

welcomeSafe("Ayla");
welcomeSafe("");
Retornos anticipados y guard clauses — ilustración 3

Varias cláusulas de guarda

Utilice una guarda pequeña por cada regla. Cada retorno anticipado elimina la necesidad de un anidamiento profundo.

// Multiple guard clauses keep each rule small
function divide(a, b) {
  if (typeof a !== "number" || typeof b !== "number") {
    console.log("Numbers only");
    return;
  }
  if (b === 0) {
    console.log("Cannot divide by zero");
    return;
  }
  const result = a / b;
  console.log("Result:", result);
}

divide(6, 3);
divide(6, 0);
divide("6", 3);
Retornos anticipados y guard clauses — ilustración 4

Menos anidamiento con retornos

Devuelva el resultado pronto en los casos de error; la última línea devuelve el éxito de forma clara.

// Early returns reduce else blocks
function canVote(age) {
  if (typeof age !== "number") {
    return false;
  }
  if (age < 18) {
    return false;
  }
  return true;
}

console.log(canVote(20));
console.log(canVote(15));
console.log(canVote("20"));
Retornos anticipados y guard clauses — ilustración 5

Consejos sobre cláusulas de guarda

Lista de comprobación:

  • Valide primero las entradas.
  • Devuelva el resultado pronto ante errores o casos límite.
  • Mantenga cada guarda breve y específica.
  • Escriba la ruta principal al final, sin anidamiento.
Retornos anticipados y guard clauses — ilustración 6

Cuestionario sobre cláusulas de guarda

Comprobación rápida: ¿qué es una cláusula de guarda?

Retornos anticipados y guard clauses — ilustración 7

Repaso

Repaso: Utilice cláusulas de guarda para gestionar primero las entradas incorrectas, devolver el resultado pronto y mantener la lógica principal plana y legible.

Retornos anticipados y guard clauses — ilustración 8

Preguntas frecuentes

¿La lección «Retornos anticipados y guard clauses» es gratis?

Sí — el texto completo de «Retornos anticipados y guard clauses» 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 «Retornos anticipados y guard clauses»?

Use retornos anticipados y guard clauses para simplificar las condiciones, reducir el anidamiento y hacer claro el flujo principal. 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 «Retornos anticipados y guard clauses»?

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. if/else y switch — patrones fundamentales
  2. Bucles: for, while, do…while, for…of frente a for…in
  3. Retornos anticipados y guard clauses
← Volver a JavaScript Academy