El texto completo es de 2767 palabras y el tiempo de aprendizaje esperado es de 7 minutos.
Fuente: unsplash
El desarrollo de las cosas no siempre es lo que quieres. Cuando algo sale mal, se nos notificará mediante errores. Cualquier desarrollador debe ser consciente del concepto de errores. Los desarrolladores de front-end deben estar familiarizados con la advertencia de texto rojo en la consola del navegador para notificar errores cuando la aplicación web se está ejecutando.
Los términos de error y los términos del mecanismo de manejo de excepciones no son infrecuentes en programación, pero a menudo se usan indistintamente. El autor cree que los errores son generados por el motor JavaScript y el mecanismo de manejo de excepciones lo genera el desarrollador. Pero esta situación puede no aparecer en el lenguaje de programación Java. En Java, los errores son de tipo no verificado y aparecen en tiempo de ejecución, y el mecanismo de manejo de excepciones puede aparecer en tiempo de ejecución o compilación.
Tipos de errores en JavaScript
Como lenguaje escrito dinámicamente, JavaScript no advertirá sobre errores de tipo antes de ejecutarse. Aunque los errores generalmente pertenecen al objeto Error en JavaScript, los errores se pueden clasificar con más detalle. Estas ramas heredan las características del objeto Error.
· EvalError: Representa el error arrojado al usar la función global eval ().
· InternalError: indica un error arrojado por el motor JavaScript debido a un error interno. Un ejemplo típico: "Demasiados métodos recursivos" o algo es demasiado grande.
· RangeError: indica el error arrojado cuando el valor excede el rango.
· ReferenceError: indica el error arrojado cuando la variable referenciada no se puede cancelar. En otras palabras, la variable referenciada no se puede encontrar o no se puede acceder a ella.
· SyntaxError: indica un error lanzado por el motor JavaScript que no puede interpretar el código dado debido a una sintaxis no válida. Los novatos a menudo encuentran tales errores.
· Error de tipo: generalmente indica un error que se lanza porque se utiliza un tipo de datos no válido en la operación, lo que hace que la instrucción de operación sea imposible de ejecutar.
· URIError: indica el error arrojado por la función encodeURI () o decodeURI () recibiendo parámetros inválidos.
¿Qué es el manejo de errores?
Los programas suelen incluir dos tipos principales de problemas, errores del programador y problemas de precisión. Un error del programador ocurre cuando el programador hace algo estúpido mientras escribe el código, como olvidarse de usar la variable correcta. El problema de precisión es un problema causado por factores objetivos, como una falla en la conexión de la base de datos debido a una velocidad de red lenta.
El primer tipo de problemas se puede resolver mediante la búsqueda y reparación, pero el segundo tipo de problemas solo se puede solucionar mediante medidas preventivas o proactivas. Esto significa tener en cuenta las peores posibilidades posibles al escribir código y manejarlo correctamente. Esta puede ser una operación normal realizada cuando ocurre un error de cualquier naturaleza, o una operación específica realizada para un tipo específico de error. Esta medida defensiva se llama manejo de errores.
¿Por qué lidiar con los errores en primer lugar?
Para entender por qué el manejo de errores es tan importante, imaginemos el siguiente escenario: ¿Qué sucederá si el error no se maneja correctamente? Suponga que la aplicación en red no tiene manejo de errores. Hay muchos errores que se producen más allá de las expectativas de los desarrolladores. Tome el intento del usuario de cargar un archivo con el formato incorrecto como ejemplo. Si esta situación no se maneja con anticipación:
· Error al cargar el archivo
· El usuario no tiene forma de saber por qué falló (a menos que pueda abrir la consola del navegador para averiguarlo)
· Es probable que los usuarios no visiten el sitio web en el futuro debido a los problemas anteriores.
· Como desarrollador, no hay forma de saber por qué el programa dejará de ejecutarse en esta situación especial.
Si se utilizan métodos adecuados de manejo de errores, muchos de los problemas anteriores no ocurrirán. "Apropiado" se refiere al método de manejo apropiado cuando ocurre un error. El programador manejó el error, pero no manejó el error "apropiadamente", que es uno de los problemas existentes de las aplicaciones de red.
Siempre que ocurre un error, muchos sitios web suelen mostrar un mensaje de error. Esta debería ser la solución definitiva, pero la mayoría de los desarrolladores sin experiencia usarán este método primero. El método de tratamiento ideal es abordar cada error con un método de tratamiento adecuado, en lugar de tratar los síntomas y no la causa raíz. En situaciones reales, es posible que no se consideren todas las situaciones posibles en una experiencia de usuario en particular.
Pero a veces, puede que no sea una buena idea informar a los usuarios de errores particulares, porque es demasiado complicado para los usuarios normales. En estos casos, se puede proporcionar un código incorrecto al usuario, y este enviará el código al equipo de atención al cliente, que puede orientar al usuario correspondiente refiriéndose al código de error.
El manejo de errores es fundamental para el registro de errores, porque si no maneja el error primero, no puede registrar el error. El autor cree que todo desarrollador debe dominar el registro de errores.
Método de manejo de errores
A continuación, se enumeran los métodos de manejo de errores en JavaScript. Algunos son sincrónicos, otros son asincrónicos.
· trata de atraparlo
El método try-catch ejecuta la instrucción del bloque de código y "detecta" cualquier error que arroje el bloque de código. Si ocurre un error durante la ejecución de la declaración de código, el flujo de ejecución de código se detendrá y pasará a la declaración en el bloque de código de captura, de modo que estos errores se puedan manejar de manera apropiada. El bloque de código try-catch se puede utilizar para manejar código sincrónico y asincrónico.
try {
console.log(unknownVariable);
} catch (error) {
console.log(error);
//ReferenceError: unknownVariable isnot defined
}
· Promesa de captura
La introducción de Promises le ha dado a JavaScript una nueva apariencia. Cuando una Promesa arroja un error, podemos usar el método catch para manejar el error. Esto es similar al método try-catch, pero no hay bloque try en este método.
· Error de devolución de llamada
En las API de nodo tradicionales, las devoluciones de llamada se utilizan para manejar respuestas y errores. Por lo general, el modo de devolución de llamada es devolución de llamada (err, res), donde solo "err" o "res" es un valor no vacío.
Como se muestra arriba, si la función asincrónica falla, el parámetro err recibirá un error, que debe manejarse apropiadamente.
· Evento de error
Este es un modo de manejo de eventos común en NodeJS, y se activará un evento de error cuando ocurra un error.
Dado que el puerto 80 es el puerto predeterminado de HTTP, el fragmento de código anterior no puede crear un servidor, por lo que se generará un error.
· Onerror
Los elementos HTML contienen algunos eventos, como onclick, onchange, etc. Cuando el elemento DOM arroja un error, se activará el evento onerror. Además, siempre que se produzca un error en tiempo de ejecución de JavaScript, el objeto de ventana activará el evento onerror.
window.onerror = function(message, source, lineno, colno, error) {
//handle error
};element.error = function(event) {
//handle element error
)
Límite de error - Reaccionar
Los límites de error en React permiten que los errores de JavaScript se manejen en la estructura de vista intuitiva sin mostrar al usuario una IU rota. Simplemente defina un nuevo método de ciclo de vida llamado componentDidCatch (error, info) para crear estos componentes de React.
El manejo de errores es una parte importante de la programación, y si desea crear aplicaciones eficientes, debe tomárselo en serio.
Compartan juntos los frutos secos del aprendizaje y el desarrollo de la IA
Bienvenido a seguir la "lectura central" de medios automáticos verticales de IA de plataforma completa
(Agregue el editor WeChat: dxsxbb, únase al círculo de lectores y discutan juntos la tecnología de inteligencia artificial más reciente ~)