CodeAventura
JavaScript
▸Pensamiento programador▸Depuración y refactor

Misión

Editor
Consola
La consola está vacía. Pulsa EJECUTAR para correr tu código.
31 / 32Depuración y refactor
Anterior

Depuración y refactor

El código no siempre funciona a la primera

Programar no es escribir código perfecto desde el principio. Es escribir algo, probarlo, ver qué falla y corregirlo. Eso se llama depurar.

Y cuando el código ya funciona pero está desordenado o es difícil de leer, refactorizarlo significa mejorarlo sin cambiar lo que hace.

Tu primer trabajo: arreglar código roto

El archivo del editor tiene código con errores reales. Tu misión es encontrarlos y corregirlos.

Hay dos problemas escondidos:

  1. Un error de tipo: uno de los valores del array no es un número. Cuando JavaScript intenta sumarlo, el resultado se corrompe.
  2. Un error de límite: el bucle recorre una posición de más. El último índice válido de un array es length - 1, pero el bucle usa <= en vez de <.

Cómo encontrar errores

La técnica más básica y más útil: meter console.log en los puntos sospechosos.

Eso te permite ver exactamente qué pasa en cada paso. No adivines: observa.

Tipos de errores comunes

Error de sintaxis

JavaScript no puede leer tu código:

Error de referencia

Usas una variable que no existe:

Error de tipo

Intentas hacer algo que ese valor no soporta:

Error de lógica

El código se ejecuta sin errores, pero el resultado es incorrecto. Estos son los más difíciles porque JavaScript no se queja, simplemente hace algo distinto a lo que esperabas.

Qué es refactorizar

Refactorizar es tomar código que funciona y hacerlo más claro, más corto o más robusto.

Antes:

Después:

El comportamiento es el mismo. Pero la segunda versión expresa mejor la intención.

Cuándo refactorizar

  • Cuando entiendes el código y ves que se puede simplificar
  • Cuando hay repetición innecesaria
  • Cuando los nombres de variables no dicen nada

Cuándo no refactorizar:

  • Cuando no entiendes bien qué hace el código
  • Cuando el cambio no aporta claridad real

Tu desafío 🚀

Corrige los errores del código que hay en el editor. Usa console.log para inspeccionar qué pasa en cada paso. Cuando el total sea correcto (debería ser la suma de los números válidos), habrás terminado.

Programar bien no es acertar siempre: es saber corregir el rumbo...