En JavaScript, desde la versión 1.4, hay una sentencia pensada para el tratamiento de errores que es try/catch/finally.
Utilidad de la sentencia
Una sentencia try agrupa las instrucciones en las que queramos controlar si se producen errores y después nos permitirá interceptar dichos errores mediante la sentencia catch.El control de los posibles errores de un script se divide en dos bloques:
Sintaxis
try {
// Aquí va el código controlado
} catch(excepcion) {
// Aquí se controla el error
}
En el bloque try, que es obligatorio, se incluye el código que va a ser ejecutado mientras que en el bloque catch se incluyen las instrucciones que se ejecutarán en caso de que suceda algún error. Además del bloque try también deberá existir al menos un bloque catch o un bloque finally.
Función del bloque catch
El bloque catch capturará los errores que se produzcan en el bloque try, ya sea que allí haya instrucciones concretas o llamadas a funciones.El bloque finally se ejecutará siempre, independientemente de que en el bloque try se produzcan errores o no. Se podrá usar para realizar operaciones que deban realizarse siempre.
Retorno del valor
Si una de las instrucciones del bloque try es un return, el valor de retorno se pondrá en una cola y antes de devolverlo, se ejecutará el bloque finally en caso de existir, y tras su ejecución, se devolverá el valor de la instrucción return.A continuación vemos un ejemplo para probar la gestión de errores, en el que utilizaremos el ejemplo de código anteriormente mostrado para provocar un error en ejecución:
Gestión de los errores
<html>
<head>
<title>Control de errores JavaScript</title>
<meta charset="UTF">
</head>
<body>
<script>
function Coche(matricula) {
this.matricula = matricula;
this.getMatricula = getMatricula;
}
function getMatricula() {
alert(this.matricula);
}
var coche;
try {
coche.getMatricula();
} catch(err) {
alert('El objeto coche no existe');
}
</script>
</body>
</html>
Dentro del bloque try hemos introducido la función coche.getMatricula() en la que ya sabemos que en esta parte es en la que se va a lanzar una excepción o error. Dentro del bloque catch lanzamos una alerta en el caso de que surja el error. El parámetro que utiliza la instrucción catch es el objeto que se creará automáticamente y que incluirá la información del error producido (número de error y mensaje de error).
Por otra parte, podemos crear nuestras propias situaciones que consideremos un error en la lógica de la programación. Por ejemplo, en un programa de gestión que un usuario no registrado intente realizar una compra podría producir una situación que debería ser gestionada de forma especial, por ejemplo, mediante un bloque catch. Para crear este tipo de problemáticas tenemos a nuestra disposición en JavaScript otra instrucción.
Instrucción throw
La instrucción throw ?lanzará? o provocará un error generado por nosotros con un valor, que podrá ser cualquiera válido en el lenguaje JavaScript.La sintaxis será:
Sintaxis
throw "valor";
Gestión del error
Incluiremos esta instrucción en un bloque try y como consecuencia de su ejecución, el flujo del programa irá a un bloque catch, al primero que pueda gestionar el error generado.Vamos a probar la estructura try/catch/finally de forma recursiva para mostrar mensajes en todos los bloques y lanzar también nuestro propio error, con un código que definimos como el 301 (podría ser cualquier otro) y un texto de error. Podríamos usarlo para el propósito que queramos. Utilizaremos la instrucción document.write para escribir mensajes en el navegador.
Estructura try/catch/finally
<!DOCTYPE html>
<html>
<head>
<title>Control de errores JavaScript</title>
<meta charset="UTF">
</head>
<body>
<script>
try {
document.write("Primer bloque con control de errores try.<br>");
try {
document.write("Segundo bloque con control de errores try.<br>");
throw new Error(301, "Generamos un error con código 301.");
}
catch (e) {
document.write ("Código que se ejecutará tras el error " + e.message + " generado por nosotros con throw.<br/>");
document.write (e + "<br>");
throw e; // Generamos otro error
}
finally {
document.write ("Este bloque se ejecutará siempre y pertenece al bloque finally.<br>");
}
}
catch (e) {
document.write ("Otro código que se ejecutará en caso de error " + e.message + ".<br>");
}
finally {
document.write ("Otro código que se ejecutará siempre de bloque finally final.");
}
</script>
</body>
</html>
Veamos la salida que ofrecerá el navegador:
Las propiedades relacionadas con el objeto que manejará los errores en los bloques catch son:
Las fuentes de los errores más típicos suelen ser externos, como una entrada de datos de usuario errónea, un fichero perdido o mal referenciado, o internos, como por un fallo de nuestro programa.
Excepciones no esperadas
En este último caso, podemos recibir en el navegador excepciones no esperadas que tendremos que depurar. Habitualmente no tendremos un debugger o depurador que nos lo proporcione nuestro editor y tendremos que hacerlo a mano.Hay dos tipos de información que serán muy útiles:
Con respecto a los datos de nuestras variables se pueden indicar tanto en el mensaje como en las propiedades de un objeto tipo excepción.
Pila de llamada de funciones
Con respecto a lo segundo, hay muchos motores de JavaScript que ofrecen información de la pila de llamadas de funciones (en inglés stack traces), donde los objetos de tipo excepción fueron creados.El siguiente ejemplo lo ilustrará. Supongamos un fichero con nombre ejemplo.js con este código:
Definición de funciones
function capturalo() {
try {
lanzalo();
} catch(e) {
console.log(e.stack); // Imprime la pila de llamadas
}
}
function lanzalo() {
throw new Error('');
}
Al ejecutarlo veremos la respuesta:
Respuesta de la ejecución
capturalo()
Error
at lanzalo (~/ejemplo.js:9:11)
at capturalo (~/ejemplo.js:3:9)
at repl:1:5
Actividad de autoevaluación: Try/Catch
Mensajes de errorEsta píldora formativa está extraída del Curso online de Introducción a la programación con JavaScript (UF1305).
No pierdas tu oportunidad y ¡continúa aprendiendo!
Política de privacidad
ADR Formación utiliza cookies propias y de terceros para fines analíticos anónimos, guardar las preferencias que selecciones y para el funcionamiento general de la página.
Puedes aceptar todas las cookies pulsando el botón "Aceptar" o configurarlas o rechazar su uso pulsando el botón "Configurar".
Puedes obtener más información y volver a configurar tus preferencias en cualquier momento en la Política de cookies
