Puntos de interrupción en JavaScript

En general, durante la codificación, a veces el programa no ejecuta la salida o puede obtener un resultado inesperado. Es porque el programa tiene errores pero no muestra ningún mensaje de error ni sugiere dónde buscar los errores. Estos errores pueden ser errores lógicos. Los puntos de interrupción se utilizan para depurar errores lógicos y verificar el funcionamiento del código para que coincida con el resultado esperado. Por lo tanto, los puntos de interrupción se pueden usar para detener la ejecución del código en puntos de ruptura/parada específicos, verificar la salida hasta ese punto y luego pasar al siguiente punto de parada.

Este blog demostrará los puntos de interrupción en JavaScript y su uso.

¿Qué son los puntos de interrupción en JavaScript??

Los puntos de interrupción son las herramientas de depuración más fundamentales en la caja de herramientas del desarrollador. Se usa para indicar la posición donde ocurren errores. Esto permite que el programa se ejecute correctamente hasta que llegue al bloque de código significativo donde podría ocurrir un error.

Veamos cómo funciona el punto de interrupción.

Cómo usar puntos de interrupción?

Siga los pasos dados para usar puntos de interrupción e identifique la línea de código en la que ocurrió el error.

Paso 1: Abra el depurador

Todos los navegadores actuales proporcionan un depurador JavaScript. La ventana del depurador permite configurar puntos de interrupción en el código JavaScript. Primero, abra la ventana del depurador llamada "Devtools". Haga clic con el botón derecho en el navegador y seleccione el "Inspeccionar"Opción o utilizando la tecla de acceso directo"Ctrl+Shift+I"O simplemente puede presionar el"F12" llave:

Paso 2: panel de código abierto

Clickea en el "FuentesPanel, que nos ayuda a depurar JavaScript. Tiene tres secciones principales ","el archivo navegador"En el lado izquierdo de la ventana", "La sección del editor de código"En el lado derecho de la ventana, y el"sección de depuradores"En la parte inferior derecha de la ventana:

Paso 3: Abra el archivo JavaScript

Desde el "el archivo navegador"Sección, haga clic en el"jsArchivo ", y se abrirá en el"La sección del editor de código"En el lado derecho de la ventana:

Paso 4: Establezca los puntos de interrupción

Establezca un punto de interrupción en una línea en "La sección del editor de código"Al hacer clic en la columna Número de línea:

Hemos colocado un punto de interrupción en la línea 6. Aquí, el código dejará de ejecutarse. Además, puede establecer múltiples puntos de interrupción de línea de código:

En el ejemplo dado, solo estableceremos los puntos de interrupción y ejecutaremos el código para ver cómo funciona. Después de configurar el punto de interrupción, la ejecución del código se detendrá para que podamos inspeccionar los valores.

Producción

Hemos cubierto las instrucciones básicas relacionadas con los puntos de interrupción en JavaScript.

Conclusión

Los puntos de interrupción son una de las herramientas de depuración más fundamentales en la caja de herramientas del desarrollador. Se usa para encontrar la posición del error lógico. Simplemente coloque un punto de interrupción siempre que desee que el depurador detenga la ejecución actual. Abra el panel de origen en DevTools y establezca el punto de interrupción en la sección Editor de códigos haciendo clic en la columna Número de línea. En este blog, demostramos los puntos de interrupción en JavaScript y cómo establecer puntos de interrupción para depurar el código.