Try ... Catch Declaración
El try ... catch le permite probar un bloque de código para los errores.
- Los errores de JavaScript Catching
Al navegar por páginas web en Internet, todos hemos visto a un cuadro de alerta JavaScript que nos dice que hay un error de ejecución y preguntando "¿Desea realizar una depuración?". Mensaje de error de este tipo puede ser útil para los desarrolladores, pero no para los usuarios. Cuando los usuarios vean los errores, a menudo dejan la página Web.
Este capítulo le enseñará cómo capturar y manejar mensajes de error de JavaScript, de modo que no pierda su público.
El try ... catch
El try ... catch le permite probar un bloque de código para los errores. El bloque try contiene el código para ser ejecutado, y el bloque catch contiene el código que se ejecutará si se produce un error.
Sintaxis
try
{
//Run some code here
}
catch(err)
{
//Handle errors here
}
{
//Run some code here
}
catch(err)
{
//Handle errors here
}
Tenga en cuenta que try ... catch se escribe en letras minúsculas. Uso de mayúsculas va a generar un error de JavaScript!
Ejemplos
El siguiente ejemplo se supone que debe alertar a los "Bienvenido!" cuando se pulsa el botón. Sin embargo, hay un error tipográfico en el mensaje de la función (). alert () es incorrecta como adddlert (). Un error de JavaScript se produce. El bloque catch detecta el error y ejecuta un código personalizado para manejar la situación. El código muestra un mensaje de error personalizado que informa al usuario lo que sucedió:
Ejemplo
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Error description: " + err.message + "\n\n";
txt+="Click OK to continue.\n\n";
alert(txt);
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
El siguiente ejemplo utiliza una caja de confirmación para mostrar un mensaje personalizado diciendo a los usuarios que pueden hacer clic en Aceptar para continuar viendo la página o haga clic en Cancelar para volver a la página principal. Si el método de confirmación devuelve false, el usuario hizo clic en Cancelar, y el código redirige al usuario. Si el método de confirmación devuelve true, el código no hace nada:
Ejemplo
<html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n\n";
if(!confirm(txt))
{
document.location.href="http://www.w3schools.com/";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
<head>
<script type="text/javascript">
var txt="";
function message()
{
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="There was an error on this page.\n\n";
txt+="Click OK to continue viewing this page,\n";
txt+="or Cancel to return to the home page.\n\n";
if(!confirm(txt))
{
document.location.href="http://www.w3schools.com/";
}
}
}
</script>
</head>
<body>
<input type="button" value="View message" onclick="message()" />
</body>
</html>
La sentencia throw
La sentencia throw se puede utilizar junto con el try ... catch, para crear una excepción para el error. Más información sobre la instrucción throw en el próximo capítulo.
