Técnicas de manejo de excepciones JavaScript

Es importante saber el manejo de excepciones ó errores cuando se programa con JavaScript. Es estar un paso adelante de lo que pueda ocurrir y darle otra salida a los errores que puedan ocurrir en nuestras aplicaciones web que hacen uso de JavaScript. Veamos alguns técnicas:

Usando el bloque try…catch

El bloque try…catch en JavaScript es muy similar en uso al que implementan otros lenguajes de programación. El bloque try evalua el código y el bloque catch captura y muestra el error.

<script type="text/javascript">
window.onload = function()
{
    try
    {
        var x = 90;
        var value = x / y;
    }
    catch(err)
    {
        document.write(err.name + ": " + err.message + "<br/>");
    }
}
</script>

Resultado es el tipo y la descripción del error, en este caso: ReferenceError: y is not defined
Además también podemos usar el último bloque de la sentencia try…catch, veamos:

<script type="text/javascript">
window.onload = function()
{
    try
    {
        var x = 90;
        var value = x / y;
    }
    catch(err)
    {
        document.write(err.name + ": " + err.message + "<br/>");
    }
	finally
	{
		alert('This is finally block');
	}
}
</script>

Usando evento onerror

El evento onerror ocurrirá cada vez que hay algún error al realizar una acción en el documento.

<script type="text/javascript">
window.onload = function()
{
    var x = 90;
    var value = x / y;
}
window.onerror = function(errorMessage, fileName, lineNumber)
{
    document.write('Error: ' + errorMessage);
}
</script>

Usando jQuery

Esto es similar al uso del evento onerror pero con sintáxis jQuery.

$(window).error(
    function(errorMeaage, fileName, lineNumber)
    {
        // handle error here
    }
);

Vía Daily Coding

Leave a Reply

Your email address will not be published. Required fields are marked *

Proudly powered by WordPress | Theme: Wanderz Blog by Crimson Themes.