Cómo saber dónde falla tu script (JS) cuando no tienes ayuda

2
(1)

Publicado

Aviso importante web en obras

Es posible que el contenido que estás visualizando tenga un formato un poco raro o que se haya perdido algún contenido. Esto se debe a que en 2023/09 decidí renovar la página y con más de 1000 escritos el trabajo de irlos revisando uno por uno es agotador. Poco a poco iré corrigiendo todos los contenidos. ¡Gracias por la comprensión!

Como depurar código js

¿Te sientes sólo estudiando javascript? ¿Desearías tener tu profesor o encontrar la respuesta exacta navegando por internet?

Para resolver el error que hace que tu programa no funciona deja que te explique una anécdota y después los pasos a seguir.

El cubo y el pez

Su hijo se portó mal y lo encerró en una sala que contenía una silla y un cubo de agua con un pez.

Pasó una hora y su madre le preguntó:

-¿que has visto?

El niño de encogió de hombros y le dijo que nada. La madre volvió a cerrar la puerta y pasó otra hora.

-¿que has visto?

En esta ocasión el niño le respondió que un cubo de agua y un pez.

Entonces la madre le dejó salir esperando que hubiera entendido la lección.

Resolver errores de programación: La consola del navegador

Cuando aprendes programación a menudo sucede que no nos fijamos en lo que de verdad hay.

¿Cuando un programa no funciona y nadie te puede ayudar a encontrar la solución que puedes hacer?

En estos casos tienes dos alternativas:

La primera es leer los avisos o síntomas que te de el script en la consola del navegador o pantalla. Cuando digo leerlos me refiero a leerlos bien.

¿En qué línea? ¿Qué error aparece?
Cómo saber dónde falla tu script (JS) cuando no tienes ayuda 1

Resolver errores de programación: La instrucción debugger;

Hay casos en los que la consola no es suficiente.

Sintácticamente está todo bien sin embargo el el comportamiento esperado difiere del real.

Te puedes ayudar de la instruccióndebugger;

<body>
	<noscript>
	Esta página podria no mostrarse bien si tiene javascript bloqueado en su navegador. Rogamos habilite su uso.
	</noscript>
	
	<script>
		debugger;
		document.write("mi primer JS");
		window.alert('mi primera ventana emergente')
		console.log("mi primer JS en la consola");
	</script>

</body>

Para que debugger surja efecto debes cargar tu página con el navegador en modo consola del navegador activo.

Automáticamente tu programa se parará en el lugar dónde hayas puesto el debugger.

Con los siguientes iconos podrás moverte una línea adelante y otra atrás.
Cómo saber dónde falla tu script (JS) cuando no tienes ayuda 2
¡Hola!

Querido lector,

Desde un blog es imposible decirte dónde falla tu script exactamente pero estas dos pistas bien usadas te ayudaran a depurar el código. No hay ninguna duda.

Lo único que necesitas es entender un poco los síntomas y leer línea a línea de arriba a abajo.

¡Si te ha gustado este contenido te animo a seguirme en mi perfil de empresa de Linkedin!

Deja una respuesta

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