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