From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/learn/javascript/howto/index.html | 317 +++++++++++++++++++++++++++++ 1 file changed, 317 insertions(+) create mode 100644 files/es/learn/javascript/howto/index.html (limited to 'files/es/learn/javascript/howto/index.html') diff --git a/files/es/learn/javascript/howto/index.html b/files/es/learn/javascript/howto/index.html new file mode 100644 index 0000000000..b0abd6c044 --- /dev/null +++ b/files/es/learn/javascript/howto/index.html @@ -0,0 +1,317 @@ +--- +title: Resuelva problemas comunes en su código JavaScript +slug: Learn/JavaScript/Howto +tags: + - Aprendizaje + - JavaScript + - Principante +translation_of: Learn/JavaScript/Howto +--- +
{{LearnSidebar}}
+ +

+ +

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:

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
CorrectoIncorrecto
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:

+ + + + + + + + + + + + +
CorrectoIncorrecto
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:

+ +
function miFuncion() {
+  alert('Esta es mi funcion.');
+};
+ +

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

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

+ +
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
+}
+ +

Definiciones básicas

+ +
+
+ +
+ +
+ +
+
+ +

Casos de uso básico

+ +
+
+

General

+ + + +

Variables

+ + + +

Matemáticas (MATH)

+ + + +

Cadenas de texto (Strings)

+ + +
+ +
+

Matrices (Arrays)

+ + + +

Depuración de JavaScript

+ + + + + +

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.

+ +

Tomar decisiones en el código

+ + + +

Bucle / Iteración

+ + +
+
+ +

Casos de uso intermedio

+ +
+
+

Funciones

+ + + +

Objetos

+ + + +

JSON

+ + +
+ +
+

Eventos

+ + + +

JavaScript Orientado a Objetos

+ + + +

Web APIs

+ + + + +
+
-- cgit v1.2.3-54-g00ecf