¿Cómo depurar código en ES6?

En este artículo, vamos a aprender cómo depurar un código en ES6 . La depuración es el proceso de encontrar y resolver el problema o error en el código por el cual no funciona como se esperaba. La depuración es una parte importante de la programación que ayuda a los programadores a corregir errores en el código.

Comprobación de un error en ES6: Antes de depurar un error debemos saber dónde se produjo el error en el código, luego puedes ir a resolverlo. En es6 podemos encontrar el error en la sección consola del navegador web. 

A continuación se muestra la forma de acceder a la consola:

Right Click on browser -> Select Inspect -> Go to Console tab

Ejemplo: Ejemplo básico de detección de errores en la consola en ES6.

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
</head>
<body>
    <h2 id="GFG">Welcome To GFG</h2>
    <h3>Error detection in Console in es6</h3>
    <script>
        function redirectME() {
            let age = 20
        }
        console.log(age);
    </script>
</body>
</html>

Producción:

Resolución de errores en ES6

Uso de un depurador: para depurar un código, es6 proporciona una herramienta llamada depurador . Un depurador le permite al usuario ir a cualquier línea o función en el código para encontrar y resolver el error. 

A continuación se muestra la forma de acceder al depurador:

Haga clic derecho en el navegador -> Seleccione Inspeccionar -> Fuentes -> Vaya a su archivo
y depure el código línea por línea usando Depurador

Ejemplo:

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content=
        "width=device-width, initial-scale=1.0">
</head>
  
<body>
    <h2 id="GFG">Welcome To GFG</h2>
    <h3>Error detection in Console in es6</h3>
    <script>
        function redirectME() {
            let age = 20;
        }
        console.log(age);
    </script>
</body>
</html>

Producción:

Uso del analizador de validación de JavaScript o el validador para la depuración: el analizador de validación de JavaScript o los validadores son los programas ya escritos que verifican si la sintaxis válida y las reglas del lenguaje se usan o no para escribir el código. JavaScript Lint de Douglas Crockford es un validador de JavaScript que utilizan principalmente los desarrolladores.

Publicación traducida automáticamente

Artículo escrito por abhisheksainiaggarwal y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *