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.
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>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.
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 tumblr, Twitter o Facebook para recibir una notificacion cada vez que subo un nuevo post en este blog, nos vemos en el proximo post.
Tengo un Patreon donde podes acceder de manera exclusiva a material para este blog antes de ser publicado, sigue los pasos del link para saber como.
Tambien podes donar
Es para mantenimiento del sitio, gracias!
$1.50
El blog de Tinchicus 