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

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

Print Friendly, PDF & Email
Valora esta entrada

¿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?

error javascript
Ejemplo de aviso de error javascript en la consola de navegador

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.

Ejemplo de uso de la instrucción debugger.
Ejemplo de uso de la instrucción debugger. En el recuadro se señalan las instrucciones de avanzar y retroceder.

¡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!

Francesc Ricart
hola@francescricart.com

Aprender y enseñar. Enseñar y aprender. En el ámbito docente soy docente ocupacional. En el ámbito profesional consultor web. Ofrezco servicios de mejora continua y mantenimiento web. ¿Qué quieres aprender hoy? Encontraréis más acerca de mi en la página sobre mi

No hay comentarios

Escribir un comentario

  Acepto la política de privacidad

Responsable: FRANCESC RICART MUÑOZ.

Finalidad: Gestionar los comentarios que realizas en este blog.

Destinatarios: No se cederán datos a terceros, salvo obligación legal.

Derechos: Tienes derecho a acceder, rectificar y suprimir los datos, así como otros derechos, como se explica en la política de privacidad.