Para acabar la primera parte del manual de javascript vamos a explicar los
errores comunes que podemos cometer y cómo evitarlos y depurarlos. Además
veremos una pequeña conclusión a esta parte del manual.
Errores comunes
Cuando ejecutamos los scripts pueden ocurrir dos tipos de errores de sintaxis o
de ejecución, los vemos a continuación.
Errores de sintaxis ocurren por escribir de manera errónea las líneas de código,
equivocarse a la hora de escribir el nombre de una estructura, utilizar
incorrectamente las llaves o los paréntesis o cualquier cosa similar. Estos
errores los indica javascript a medida que está cargando los scripts en memoria,
lo que hace siempre antes de ejecutarlos, como se indicó en los primeros
capítulos. Cuando el analizador sintáctico de javascript detecta un error de
estos se presenta el mensaje de error.
Errores de ejecución ocurren cuando se están ejecutando los scripts. Por ejemplo
pueden ocurrir cuando llamamos a una función que no ha sido definida. javascript
no indica estos errores hasta que no se realiza la llamada a la función.
La manera que tiene javascript de mostrar un error puede variar de un navegador
a otro. En versiones antiguas se mostraba una ventanita con el error y un botón
de aceptar, tanto en Internet Explorer como en Netscape. En la actualidad los
errores de javascript permanecen un poco más ocultos al usuario. Esto viene bien,
porque si nuestras páginas tienen algún error en alguna plataforma no será muy
molesto para el usuario que en muchas ocasiones ni se dará cuenta. Sin embargo
para el programador puede ser un poco más molesto de revisar y se necesitará
conocer la manera de que se muestren los errores para que puedan ser reparados.
En versiones de Internet Explorer mayores que la 4 se muestra el error en la
barra de estado del navegador y se puede ver una descripción más grande del
error si le damos un doble click al icono de alerta amarillo que aparece en la
barra de estado. En Netscape aparece también un mensaje en la barra de estado
que además nos indica que para mostrar más información debemos teclear "java script:"
en la barra de direcciones (donde escribimos las URL para acceder a las páginas).
Con eso conseguimos que aparezca la Consola javascript, que nos muestra todos
los errores que se encuentran en las páginas.
También podemos cometer fallos en la programación que hagan que los scripts no
funcionen tal y como deseábamos y que javascript no detecta como errores y por
lo tanto no muestra ningún mensaje de error.
Por dejarlo claro vamos a ver un ejemplo en el que nuestro programa puede no
funcionar como deseamos sin que javascript ofrezca ningún mensaje de error. En
este ejemplo trataríamos de sumar dos cifras pero si una de las variables es de
tipo texto podríamos encontrarnos con un error.
var numero1 = 23
var numero2 = "42"
var suma = numero1 + numero2
¿Cuánto vale la variable suma? Como muchos ya sabéis, la variable suma vale
"2342" porque al intentar sumar una variable numérica y otra textual, se tratan
a las dos como si fueran de tipo texto y por lo tanto, el operador + se aplica
como una concatenación de cadenas de caracteres. Si no estamos al tanto de esta
cuestión podríamos tener un error en nuestro script ya que el resultado no es el
esperado y además el tipo de la variable suma no es numérico sino cadena de
caracteres.
Evitar errores comunes
Vamos a ver ahora una lista de los errores típicos cometidos por inexpertos en
la programación en general y en javascript en particular, y por no tan
inexpertos.
Utilizar = en expresiones condicionales en lugar de <nowiki></nowiki> es un error difícil de
detectar cuando se comete, si utilizamos un solo igual lo que estamos haciendo
es una asignación y no una comparación para ver si dos valores son iguales.
No conocerse la precedencia de operadores y no utilizar paréntesis para agrupar
las operaciones que se desea realizar. En este caso nuestras operaciones pueden
dar resultados no deseados.
Usar comillas dobles y simples erróneamente. Recuerda que se pueden utilizar
comillas dobles o simples indistintamente, con la norma siguiente: dentro de
comillas dobles se deben utilizar comillas simples y viceversa.
Olvidarse de cerrar una llave o cerrar una llave de más.
Colocar varias sentencias en la misma línea sin separarlas de punto y coma. Esto
suele ocurrir en los manejadores de eventos, como onclick, que veremos más
adelante.
Utilizar una variable antes de inicializarla o no declarar las variables con var
antes de utilizarlas también son errores comunes. Recuerda que si no la declaras
puedes estar haciendo referencia a una variable global en lugar de una local.
Contar las posiciones de los arrays a partir de 1. Recuerda que los arrays
empiezan por la posición 0.
Depurar errores javascript
Cualquier programa es susceptible de contener errores. javascript nos informará
de muchos de los errores de la página: los que tienen relación con la sintaxis y
los que tienen lugar en el momento de la ejecución de los scripts a causa de
equivocarnos al escribir el nombre de una función o una variable. Sin embargo,
no son los únicos errores que nos podemos encontrar, también están los errores
que ocurren sin que javascript muestre el correspondiente mensaje de error, como
vimos anteriormente, pero que hacen que los programas no funcionen como
esperábamos.
Para todo tipo de errores, unos más fáciles de detectar que otros, debemos
utilizar alguna técnica de depuración que nos ayude a encontrarlos. Lenguajes de
programación más potentes que el que tratamos ahora incluyen importantes
herramientas de depuración, pero en javascript debemos contentarnos con una
rudimentaria técnica. Se trata de utilizar una función predefinida, la función
alert() que recibe entre paréntesis un texto y lo muestra en una pequeña ventana
que tiene un botón de aceptar.
Con la función alert() podemos mostrar en cualquier momento el contenido de las
variables que estamos utilizando en nuestros scripts. Para ello ponemos entre
paréntesis la variable que deseamos ver su contenido. Cuando se muestra el
contenido de la variable el navegador espera a que apretemos el botón de aceptar
y cuando lo hacemos continúa con las siguientes instrucciones del script.
Este es un sencillo ejemplo sobre cómo se puede utilizar la función alert() para
mostrar el contenido de las variables.
var n_actual = 0
var suma = 0
while (suma<300){
n_actual ++
suma += suma + n_actual
alert("n_actual vale " + n_actual + " y suma vale " + suma)
}
Con la función alert() se muestra el contenido de las dos variables que
utilizamos en el script. Algo similar a esto es lo que tendremos que hacer para
mostrar el contenido de las variables y saber cómo están funcionando nuestros
scripts, si todo va bien o hay algún error.
Conclusión
Hasta aquí hemos conocido la sintaxis javascript en profundidad. Aunque aun nos
quedan cosas importantes de sintaxis, la visión que has podido tener del
lenguaje será suficiente para enfrentarte a los problemas más fundamentales. En
adelante presentaremos otros reportajes para aprender a utilizar los recursos
con los que contamos a la hora de hacer efectos en páginas web.
Veremos la jerarquía de objetos del navegador, cómo construir nuestros propios
objetos, las funciones predefinidas de javascript, características del HTML
Dinámico, trabajo con formularios y otras cosas importantes para dominar todas
las posibilidades del lenguaje.
