comment
IRC Chat
play_arrow
Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.

[JavaScript] 2 clase: Variables

  • 0 Respuestas
  • 1173 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5339
  • Actividad:
    18.33%
  • Reputación 30
  • ANTRAX
    • Ver Perfil
    • Underc0de
    • Email
  • Skype: underc0de.org
  • Twitter: @Underc0de
« en: Febrero 24, 2010, 10:59:40 am »
Que es una variable?
Una variable es la zonade la memoria del ordenador donde se guarda un dato y que se identifica con un nombre.
El dato que se almacena bajo ese nombre puede cambiar durante la ejecucion del codigo: por eso se llaman variables.

Para poder usar una variable es necesario,declararla.
En javascript existen dos maneras de declarar las variables: declaracion explicita, y declaracion implicita.

-----Declaracion Explicita-----

Para declarar una variable de forma explicita utilizamos la instruccion var, seguida del nombre de la variable, como en el siguiente codigo:

var v1;

Una vez que la variable ha sido declarada, se ha reservsdo en la memoria espacio para ella, pero todavia no tiene ningun valor.
Para poder usarla hay q darle un valor inicial , a esto se conoce como la inicializacion de una variable para darle valor depone el operador =.

ejemplo:

v1=10;

Veamos esto en un codigo abierto:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Variables explicitas</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var v1; //declaracion
  7. v1=10; //inicializacion
  8. alert (v1);
  9. //-->
  10. </You are not allowed to view links. Register or Login>
  11. </You are not allowed to view links. Register or Login>
  12. <You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>
  14. </You are not allowed to view links. Register or Login>

1 se declara que v1 es una variable, mediante var v1.
Despues se dice que la variable v1 vale 10.
y Despues utilizamos un alert diciendo que nos muestre la variable v1, que es igual  a 10.

Ojo con esto, en la clase pasada osea en la 1 clase, dije que si ponemos el alert entre comillas no sufrira ningun  proceso sino que se mostrara lo escrito entre parentesis, y sin las comillas si sufrira el mandato que le hemos dado, prueben en ese script anterior poniendo el alert, asi alert("v1"); para que vean que en pantalla les aparecerael v1, y no lo que vale la variable v1.

Tambien para tener menos trabajo, podemos declarar y inicializarlas variables en una sola linea,
por ejemplo asi,

var v1=10; ahi declaramos y inicializamos .

miren aca el script:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Variables explicitas</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var v1=10; //declaracion e inicializacion.
  7. alert (v1);
  8. //-->
  9. </You are not allowed to view links. Register or Login>
  10. </You are not allowed to view links. Register or Login>
  11. <You are not allowed to view links. Register or Login>
  12. </You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>

Esto nos dara de resultado lo mismo que el script anterior.
Por solo resumimos un poco.

Tambien podemos declarar mas de una variable con solo poner una coma entre ellas,
ejemplo:

var v1, v2, v3; //Declaramos que v1 v2 y v3 son variables.

Ejemplo en codigo:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>mas variables declaradas</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var v1, v2, v3; //Declaramos las tres variables.
  7. v1=10;
  8. v2=15;
  9. v3=20;
  10. alert(v1);
  11. alert(v2);
  12. alert(v3);
  13. </script>
  14. </head>
  15. <body>
  16. </body>
  17. </html>

Nos mostro el valor de las 3 variables en pantalla, todo bien!.

Espero que las variables Explicitas hallan quedado claro, cualquier pregunta, ya saben.


-----Declaracion Implicita-----

Javascript nos permite realizar una declaracion implicita de las variables sin emplear la palabra var.
Simplemente por el hecho de inicializar la variable tiene un espacio en la memoria del ordenador.

Ejemplo:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Variables explicitas</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. v1=10; //Solo iniciamos.
  7. alert (v1);
  8. //-->
  9. </You are not allowed to view links. Register or Login>
  10. </You are not allowed to view links. Register or Login>
  11. <You are not allowed to view links. Register or Login>
  12. </You are not allowed to view links. Register or Login>
  13. </You are not allowed to view links. Register or Login>
  14.  
Como ven, dio el mismo resultado que las explicitas.
 Es lo mismo, pero para que la gente vea que usted tiene mas profesionalismo, xd, es mejor usar las explicitas,
para tener una mayor organizacion del script.

Notas que deben de tener en cuenta:

1.Los nombres de las variable sno deben empezar por un numero sino por una letra.
2.Podran contener numeros y letras y el guion bjo pero ningun otro signo.
3.no contendran las letras acentuadas, ni de ningun alfabeto local.
4.No pueden contener espacios en blanco.
5.Debemos recordar que Javascript distingue entre mayusculas y minusculas.

Tomen eso en cuenta, a lahora de formar variables.

----Tipos de variables, y Concatenacion----

Existen  dos tipos de variables, las variables que llamamos cadena o literales,
son las que estan formadas por letras.

Y las variables numericas que como su nombre lo dice, estan formadas por numeros.

Ejemplo:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Cadenas y numericas</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var cadena="mi numero favorito es el ";
  7. var numerica=8;
  8. alert ("cadena" + numerica);
  9. </script>
  10. </head>
  11. <body>
  12. </body>
  13. </html>

Como pueden notar,  la variable cadena la deje con comillas por que eso no sufrira ningun proceso por es formada por letras.
En cambio la de numeros la pude sin comillas.

El resultado de esto es mi numero favorito es el 8, por hic concatenacion con la variable cadena y numerica.

La concatenacion se pueden realizar con el signo suma.

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Concatenacion</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var red="Me gusta Java", blue="script", yellow;
  7. yellow=red+blue;
  8. alert (yellow);
  9. </script>
  10. </head>
  11. <body>
  12. </body>
  13. </html>

En este ejemplo concatenamos la variable red y la blue, que es igual a la variable yellow,
osea yellow equivale a la suma de red y blue.

Tambien se puede concatenar una variable con un texto ,
ejemplo:

Código: HTML5
  1. <You are not allowed to view links. Register or Login>
  2. <You are not allowed to view links. Register or Login>
  3. <You are not allowed to view links. Register or Login>Concatenacion</You are not allowed to view links. Register or Login>
  4. <You are not allowed to view links. Register or Login language="javascript">
  5. <!--
  6. var red="Me gusta ";
  7.  
  8. alert (red + "el JAvascript");
  9. </script>
  10. </head>
  11. <body>
  12. </body>
  13. </html>

Ahi concatenamos la variable con un texto, en este caso Javascript.

(Proxima Clase Tipos de datos).

-------------------------------

By N3xtdoor.
« Última modificación: Abril 18, 2014, 11:22:23 am por Expermicid »


 

¿Te gustó el post? COMPARTILO!



[JavaScript][MEDIO] Texto que aparece palabra por palabra

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1064
Último mensaje Febrero 24, 2010, 11:16:49 am
por ANTRAX
[JavaScript][MEDIO] Script ''cambia el color letra a letra''

Iniciado por ANTRAX

Respuestas: 0
Vistas: 1258
Último mensaje Febrero 24, 2010, 11:14:30 am
por ANTRAX
[JavaScript][BASICO] Resolver funciones matemáticas (Versión simple) By 2Fac3R

Iniciado por 2Fac3R

Respuestas: 0
Vistas: 1072
Último mensaje Diciembre 23, 2012, 12:55:06 am
por 2Fac3R
[JavaScript][AVANZADO] Trabajar con DOM desde Firefox e Internet Explorer

Iniciado por arthusu

Respuestas: 0
Vistas: 1517
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
Curso: JavaScript y jQuery [Crear Sitios y Apps Web]

Iniciado por Mr.Kratos

Respuestas: 0
Vistas: 55
Último mensaje Julio 27, 2018, 01:39:37 pm
por Mr.Kratos