Resuelva problemas comunes en su código JavaScript

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..

Errores comunes de principiante

Correcta ortografía y casing

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()

Posición de punto y coma

Debes estar seguro de no colocar ningún punto y coma incorrectamente. Por ejemplo:

Correcto Incorrecto
elem.style.color = 'red'; elem.style.color = 'red;'

Funciones

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:

js
function miFuncion() {
  alert("Esta es mi funcion.");
}

Este código no hará nada a menos que lo llame, por ejemplo con

js
miFuncion();

Alcance de la función

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.

Ejecución de código después de una declaración de retorno (Return)

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
}

Notación de objetos versus asignación normal

Cuando asigna algo normalmente en JavaScript, utiliza un solo signo igual, por ejemplo:

js
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:

js
const miObjeto = {
  nombre: "Felipe",
  edad: 27,
};

Definiciones básicas

Casos de uso básico

General

Variables

Matemáticas (MATH)

Cadenas de texto (Strings)

Matrices (Arrays)

Depuración de JavaScript

Tomar decisiones en el código

Bucle / Iteración

Casos de uso intermedio

Funciones

Objetos

JSON

Eventos

JavaScript Orientado a Objetos

Web APIs