Los errores son inevitables en la programación. Cuando ocurre un error en JavaScript y no lo controlas, el programa se detiene por completo. A este tipo de error se le llama excepción. Por suerte, JavaScript nos ofrece una forma elegante de manejar estos errores para que nuestras aplicaciones sean más robustas: try/catch.
Un error en JavaScript es una situación excepcional que ocurre durante la ejecución del código y que impide que el programa continúe ejecutándose normalmente y se detiene.
console.log("Antes del error")
console.log(variableQueNoExiste) // ❌ ReferenceError: variableQueNoExiste is not defined
console.log("Después del error") // ❌ Esta línea nunca se ejecuta
Como puedes ver, cuando ocurre un error, todo el código que viene después se detiene. Esto puede ser problemático en aplicaciones reales.
NotaExisten diferentes tipos de errores en JavaScript, como
ReferenceError,TypeError,SyntaxError... Más adelante veremos algunos de ellos al detalle y cómo puedes crear incluso tus propios errores.
La estructura try/catch nos permite "intentar" ejecutar código que podría fallar y "capturar" cualquier error que ocurra:
try {
// Código que podría generar un error
console.log("Intentando ejecutar código...")
console.log(variableQueNoExiste) // ❌ ReferenceError: variableQueNoExiste is not defined
} catch (error) {
// Código que se ejecuta si hay un error
console.log("¡Ocurrió un error!", error.message)
}
console.log("El programa continúa ejecutándose") // ✅ Esta línea sí se ejecuta
trycatch se omitecatchcatchDesde las últimas versiones de JavaScript, puedes omitir el parámetro error en el bloque catch:
try {
console.log(variableQueNoExiste) // ❌ ReferenceError: variableQueNoExiste is not defined
} catch {
console.log("¡Ocurrió un error!")
}
NotaEsto es útil cuando no necesitas el error o cuando quieres manejar todos los errores de la misma manera. Pero ten en cuenta que si no usas el parámetro
error, no podrás acceder a las propiedades del error, comoerror.name,error.message,error.stack, etc.
Puedes caer en la tentación de usar try/catch para todo, pero no es una buena práctica cuando hay una alternativa mejor que puede ayudarte a controlar mejor el flujo de tu programa. Por ejemplo, imagina que quieres controlar si un programa divide por cero, puedes usar try/catch para ello...
function getLongitud(texto) {
try {
return texto.length
} catch (error) {
console.log("No es una cadena de texto")
return 0
}
}
En muchos casos, es mejor evitar usar try/catch y usar if para comprobar posibles problemas antes de ejecutar el código. Hace que el código sea más legible y fácil de entender.
function getLongitud(texto) {
if (typeof texto !== 'string') return 0
return texto.length
}
En el caso de los objetos, puedes usar el operador de encadenamiento opcional ?. para acceder a propiedades de forma segura en lugar de usar try/catch.
const usuario = {
nombre: "Ana",
edad: 25
}
// ❌ con try/catch se hace dificil de leer y entender
try {
console.log(usuario.direccion.calle) // ❌ Error: Cannot read property 'calle' of undefined
} catch (error) {
console.log("No se pudo acceder a la propiedad:", error.message)
console.log("Usando valor por defecto")
}
console.log(usuario?.direccion?.calle) // undefined
A veces las validaciones que hay que hacer son demasiado complejas. ¿Se pueden hacer? Es posible. Pero el trabajo de validación puede ser extenso y complicado de entender. Por lo que es posible que en estos casos sea mejor usar try/catch. Un ejemplo es cuando quieres transformar un objeto JSON a un objeto JavaScript:
const jsonString = '{"nombre": "Juan", "edad": 30}'
const jsonInvalido = '{"nombre": "Juan", "edad":}'
try {
const objeto = JSON.parse(jsonString)
console.log("JSON válido:", objeto)
} catch (error) {
console.log("Error al parsear JSON:", error.message)
}
try {
const objeto2 = JSON.parse(jsonInvalido)
console.log("Este mensaje no se mostrará")
} catch (error) {
console.log("JSON inválido detectado:", error.message)
}
Cuando ocurre un error, JavaScript crea un objeto Error que contiene información útil:
try {
let resultado = variableInexistente + 5
} catch (error) {
console.log("Nombre del error:", error.name) // "ReferenceError"
console.log("Mensaje:", error.message) // "variableInexistente is not defined"
console.log("Stack trace:", error.stack) // Información de dónde ocurrió
}
error.name: Tipo de error (ReferenceError, TypeError, etc.)error.message: Descripción del errorerror.stack: Rastro de la pila de llamadas (útil para debugging)Estos errores se producen cuando se intenta acceder a una variable que no existe.
console.log(variableQueNoExiste) // ❌ ReferenceError: variableQueNoExiste is not defined
Ocurre cuando intentas hacer una operación no permitida sobre un tipo de dato. O sea, cuando el valor existe pero lo usas de forma incorrecta. Normalmente se produce cuando intentas acceder a una propiedad de un valor que no es un objeto.
const nope = null
nope.propiedad // ❌ TypeError: Cannot read properties of null (reading 'propiedad')
Pero también puede ocurrir si intentas ejecutar una función que no existe, valores fuera del contexto esperado, modificar propiedades de un valor que no es mutable, etc.
const numero = 123
numero.toFixed(2) // ❌ TypeError: numero.toFixed is not a function
Cuando la sintaxis de tu código es incorrecto o no lo comprende el motor de JavaScript, te lanzará un error de tipo SyntaxError.
// Falta una comilla
const nombre = 'midu;
// ❌ SyntaxError: Unterminated string constant.
Usa try/catch cuando:
No uses try/catch para:
Inicia sesión
Para guardar tu progreso y desbloquear logros