Los siguientes enlaces apuntan a soluciones a problemas comunes de todos los días que deberá solucionar para que su código JavaScript se ejecute correctamente..
Si su código no funciona y / o el navegador se queja de que algo no está definido, verifique que haya escrito todos sus nombres de variables, nombres de funciones, etc. correctamente.
Algunas funciones comunes del navegador incorporado que causan problemas son:
| Correcto | Incorrecto |
|---|---|
getElementsByTagName() |
getElementbyTagName() |
getElementsByName() |
getElementByName() |
getElementsByClassName() |
getElementByClassName() |
getElementById() |
getElementsById() |
Debes estar seguro de no colocar ningún punto y coma incorrectamente. Por ejemplo:
| Correcto | Incorrecto |
|---|---|
elem.style.color = 'red'; |
elem.style.color = 'red;' |
Hay una serie de cosas que pueden salir mal con la funciones.
Uno de los errores más comunes es declarar una función, pero no llamarla a ninguna parte, Por ejemplo:
function miFuncion() {
alert('Esta es mi funcion.');
};
Este código no hará nada a menos que lo llame, por ejemplo con
miFuncion();
Recuerda que las funciones tienen su propio alcance — no puedes acceder a un valor de variable establecido dentro de una función desde fuera de la función, a menos que haya declarado la variable globalmente (es decir, no dentro de ninguna función), o retornar el valor fuera de la función.
Recuerde también que cuando devuelve un valor de una función, el intérprete de JavaScript sale de la función — ningún código declarado después de que se ejecute la declaración de devolución (Return).
De hecho, algunos navegadores (como Firefox) le darán un mensaje de error en la consola del desarrollador si tiene código después de una declaración de devolución. Firefox te ofrece "código inalcanzable después de la declaración de devolución".
Mas abajo podemos observar una función de saludo, posterior a retornar intentamos asignar a la variable x, el valor de la propiedad que viene en la función. Esto nunca ocurrira ya que posterior a retornar un valor se sale del contexto función. En pocas palabras jamas ocurrira la asignación.
Ejemplo de una declaración posterior a una declaración de retorno:
function saludo(nombre){return "Hola, " + nombre + " que bueno que volviste"; var x = nombre; //Esta linea jamas se ejecutara ya que viene despues de un retorno}
Cuando asigna algo normalmente en JavaScript, utiliza un solo signo igual, por ejemplo:
const miNumero= 0;
Esto no funciona en los Objetos, sin embargo, con los objetos, debe separar los nombres de los miembros de sus valores mediante dos puntos y separar cada miembro con una coma, por ejemplo:
const miObjeto= {
nombre: 'Felipe',
edad: 27
}
Para obtener más información sobre la depuración de JavaScript, consulte Manejo de problemas comunes de JavaScript ; Consulte también Otros errores comunes para obtener una descripción de los errores comunes.
this, en el contexto de un objeto?addEventListener() y cómo la usa?