Errores en JavaScript - Tipos y errores de manejo en JavaScript

Introducción a los errores en JavaScript

Comencemos por analizar qué significa "error" en un lenguaje de programación, especialmente en JavaScript. Un error puede definirse como un error, una declaración incorrecta, una interpretación errónea o un error, pero esta definición no es exactamente correcta al desarrollar un programa. En programación, un error es una sección o parte del código que interrumpe el flujo normal del programa. En cualquier lenguaje de programación, generalmente hay tres tipos de errores que uno puede enfrentar,

Errores de tiempo de compilación
Errores lógicos
Errores en tiempo de ejecución.

A menudo tenemos miedo cuando enfrentamos cualquier tipo de error, pero los errores son buenos porque aprendemos cómo no hacer algo y cómo hacerlo mejor la próxima vez.

En JavaScript, si el script arroja un error, el intérprete de JavaScript detendrá la ejecución del programa en ese instante y mostrará ese error en la consola del navegador junto con el error y el número de línea donde ocurrió en el archivo. La única forma en que podemos depurar nuestro JavaScript es mediante la utilización de los errores y advertencias lo mejor que podamos y encontrar la razón detrás de él.

Tipos de errores en JavaScript

Un error puede o no ser fatal para nuestra aplicación dependiendo del tipo de error que enfrentamos. Hay seis tipos de errores que generalmente ocurren en JavaScript:

Error de evaluación
Error de rango
Error de referencia
Error de sintaxis
Error de tecleado
Error de URI

Analicemos cada uno de estos errores en detalle.

Nombre de error	Descripción
EvalError	Se ha producido un error en la función eval ()
RangeError	Se ha producido un número "fuera de rango"
Error de referencia	Se ha producido una referencia ilegal.
Error de sintaxis	Se ha producido un error de sintaxis.
Error de tecleado	Ha ocurrido un error de tipo
URIError	Se ha producido un error en encodeURI ()

1. EvalError: indica un error en la función global eval (), es decir, la función eval () se usa de manera incorrecta. Las versiones más recientes de JavaScript ya no arrojan este error, sino que se confía en el error de sintaxis.

2. RangeError: este error se produce cuando un parámetro o un valor (numérico) está fuera o excede su rango permitido.

3. Error de referencia: este error se produce cuando nos referimos a una variable que no existe (se utiliza una referencia no válida), es decir, esa variable no se ha declarado. Es uno de los errores más comunes y frecuentes.

4. SyntaxError: este error indica que la sintaxis de la secuencia de comandos no es válida, es decir, una declaración sintáctica incorrecta está presente en el código. En cuanto a los errores de sintaxis, un lenguaje interpretado como JavaScript no los arrojará hasta que el navegador cargue y lea el script.

5. TypeError: este error se produce cuando un valor no es del tipo adecuado como se esperaba o se usa un tipo de datos no válido para declarar o definir una variable. Ejemplo: realizar un cálculo numérico en una variable de cadena u objeto.

6. URIError: este error indica el uso de caracteres ilegales que no son válidos en los métodos / funciones relacionados con URI (encodeURI () o decodeURI ()).

Manejo de errores en JavaScript

Cuando ocurre un error, sabemos que el script deja de ejecutarse, a menos que manejemos estos errores en el script mismo, para no interrumpir el flujo normal del programa. Las diferentes formas que podemos implementar para manejar estos errores son:

try …. catch block try ( // errorneous statement ) catch (err) ( console.error (err) // stmts )

Finalmente

En algunas situaciones, hay ciertas secciones de la secuencia de comandos que deben ejecutarse independientemente de si se produce o no un error, y esa parte de la sección debe escribirse en un bloque finalmente.

try ( // errorneous statement ) catch (err) ( console.error (err) // stmts ) finally( //mandatory statements to run )

Promesas

Las promesas se utilizan para manejar operaciones asincrónicas que pueden provocar un error. Pueden administrar múltiples operaciones asincrónicas y proporcionar mejores soluciones de manejo de errores en comparación con devoluciones de llamadas y eventos.

var promise = new Promise( function(resolve, reject)( //do something ) );

Ejemplo:

function captureErrorTypes() ( try ( var sum = x + y; alert(sum); ) catch(error) ( switch (error.name) ( case 'SyntaxError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'RangeError': alert("caught a " + error.name + ": " + error.message); //handle error… break; case 'ReferenceError': alert("caught a " + error.name + ": " + error.message); //handle error… break; default: alert("caught a " + error.name + ": " + error.message); //handle all other error types here… break; ) ) )

Artículos recomendados

Esta es una guía de errores en JavaScript. Aquí discutimos los errores de JavaScript y lo que significa en cualquier lenguaje de programación junto con el tipo que generalmente ocurre en JavaScript. También puede consultar nuestros otros artículos sugeridos para obtener más información: