Bienvenidos sean a este post, como hemos hablado en el post anterior podemos tener errores de programacion y errores logicos, que en general suelen ser generados por nosotros, pero a medida que nuestro programa crece e incorpora librerias sofisticadas y APIs, los errores comenzaran a depender de factores externos como recursos inaccesibles o cambios inesperados en el dispositivo que ejecuta nuestro programa, con el proposito de ayudar al codigo a detectar y corregir estos errores, Javascript nos provee el evento error, este evento esta disponible en varias API pero tambien como un evento global al que podemos responder desde el objeto window.

Anuncios

Como vimos en otros eventos, el evento error crea su propio objeto Event llamado ErrorEvent para transmitir informacion a la funcion, veamos algunas de sus propiedades:

  • Error, devuelve un objeto con informacion sobre el error
  • Message, devuelve una cadena de caracteres que describe el error
  • Lineno, devuelve la linea donde ha ocurrido el error
  • Colno, devuelve la columna donde ha comenzado la instruccion con el error
  • Filename, devuelve la URL del archivo donde ha ocurrido el error

Para entender mejor el concepto de error veamos el siguiente ejemplo:

error.html

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<title>Objeto error</title>
	<script>
		function mostrarerror(evento)
		{
			console.log("Error: " + evento.error);
			console.log("Mensaje: " + evento.message);
			console.log("Linea: " + evento.lineno);
			console.log("Columna: " + evento.colno);
			console.log("URL: " + evento.filename);
		}
		window.addEventListener("error",mostrarerror);
		funcionfalsa();
	</script>
</head>
<body>
<section>
	<h1>Sitio web</h1>
</section>
</body>
</html>
Anuncios

En este caso el tag SCRIPT tendremos varias opciones interesantes, primero hablemos sobre la funcion mostrarerror, en este caso usaremos al evento por medio del atributo evento, luego escribiremos en la consola cada una de las propiedades que vimos antes (error, message, lineno, colno y url), terminada la funcion, creamos el evento por medio de addEventListener donde monitorea al evento error, en caso de suceder llamara a la funcion anterior, luego llamamos a una funcion que no definimos (funcionfalsa) y con esto terminamos el tag SCRIPT, probemos el programa y veamos la salida en la consola

En este caso podemos ver como cada una de las propiedades nos trajo los datos que poseen pero tambien la consola nos mostrara su propia notificacion, observen como el valor de Linea coincide con la notificacion propia de la consola.

Anuncios

En resumen, hoy hemos visto como trabaja el evento error, el tipo de objeto que devuelve, algunas propiedades propias de este objeto, vimos un ejemplo donde escribimos en consola, como se ve en la misma, espero les haya sido util sigueme en Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.

Tambien podes donar

Es para mantenimiento del sitio, gracias!

$1.00