Cuando programas, es completamente normal cometer errores. De hecho, ¡todos los programadores los cometen! Algunos errores hacen que el programa se detenga por completo, y otros simplemente indican que podrías escribir el código de una forma más clara o ordenada.
En esta lección vas a aprender a reconocer dos tipos muy comunes:
❌ Errores de sintaxis (SyntaxError) — cuando escribes algo que JavaScript no entiende.
❌ Errores detectados por linters — cuando el código funciona, pero no sigue buenas prácticas.
Errores de Sintaxis en JavaScript
Por ejemplo, si te olvidas de cerrar un paréntesis, una comilla, o escribes algo fuera de lugar, JavaScript no podrá entender lo que quieres hacer.
Mira este código:
console.log('Hodor'
Al ejecutarlo, aparece un mensaje como este: SyntaxError: missing ) after argument list. Esto significa que falta un paréntesis ) de cierre al final de la línea.
console.log('Hodor'); // ✅ Ahora el programa funciona bien.
¿Cómo entender este tipo de errores?
Cuando JavaScript encuentra un error de sintaxis, muestra un mensaje que incluye:
console.log('Hodor' // SyntaxError: missing ) after argument list
- El tipo de error: Dice
SyntaxError, que significa que escribiste algo que rompe las reglas del lenguaje. - Qué está mal en el código: Dice
missing ), o sea, que falta un paréntesis. - La ubicación del problema: Justo debajo del mensaje, la consola te dirá en qué línea del archivo ocurrió el error.
💡 No tienes que entender todo el mensaje desde el primer día. Solo fíjate en las palabras clave como SyntaxError, missing (falta), y mira qué línea señala. Con el tiempo, aprenderás a leer estos mensajes sin problema.
¿Qué es un Linter?
Por ejemplo, un linter puede avisarte si:
- Te olvidaste de dejar espacios entre los elementos.
- Tu código es difícil de leer.
Mira este ejemplo:
console.log(3+4*2); // Se entiende, pero está todo junto y puede confundir
Este código funciona, pero un linter te diría: ¡Agrega espacios y pon paréntesis para que se entienda mejor! Así se ve mucho más claro:
console.log(3 + (4 * 2));
El resultado es el mismo, pero ahora tú (y otro programador) lo va a entender más rápido.
Resumen
SyntaxError: aparece cuando escribes algo mal, como olvidar un paréntesis o una comilla.- Los linters te ayuda a escribir código más ordenado y fácil de leer..
- Un código que sigue estándares es más fácil de leer, mantener y compartir con otros.
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.
