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
  • 1229 Vistas

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

Conectado ANTRAX

  • *
  • Administrator
  • Mensajes: 5409
  • Actividad:
    18.33%
  • Reputación 33
  • 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. <title>Variables explicitas</title>
  2. <script language="javascript">
  3. <!--
  4. var v1; //declaracion
  5. v1=10; //inicializacion
  6. alert (v1);
  7. //-->
  8. </head>
  9. </body>
  10. </html>

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. <title>Variables explicitas</title>
  2. <script language="javascript">
  3. <!--
  4. var v1=10; //declaracion e inicializacion.
  5. alert (v1);
  6. //-->
  7. </head>
  8. </body>
  9. </html>

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. <title>mas variables declaradas</title>
  2. <script language="javascript">
  3. <!--
  4. var v1, v2, v3; //Declaramos las tres variables.
  5. v1=10;
  6. v2=15;
  7. v3=20;
  8. alert(v1);
  9. alert(v2);
  10. alert(v3);
  11. </script>
  12. </head>
  13. <body>
  14. </body>
  15. </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. <title>Variables explicitas</title>
  2. <script language="javascript">
  3. <!--
  4. v1=10; //Solo iniciamos.
  5. alert (v1);
  6. //-->
  7. </head>
  8. </body>
  9. </html>
  10.  
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. <title>Cadenas y numericas</title>
  2. <script language="javascript">
  3. <!--
  4. var cadena="mi numero favorito es el ";
  5. var numerica=8;
  6. alert ("cadena" + numerica);
  7. </script>
  8. </head>
  9. <body>
  10. </body>
  11. </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. <title>Concatenacion</title>
  2. <script language="javascript">
  3. <!--
  4. var red="Me gusta Java", blue="script", yellow;
  5. yellow=red+blue;
  6. alert (yellow);
  7. </script>
  8. </head>
  9. <body>
  10. </body>
  11. </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. <title>Concatenacion</title>
  2. <script language="javascript">
  3. <!--
  4. var red="Me gusta ";
  5.  
  6. alert (red + "el JAvascript");
  7. </script>
  8. </head>
  9. <body>
  10. </body>
  11. </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: 1131
Ú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: 1346
Ú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: 1126
Ú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: 1609
Último mensaje Julio 16, 2011, 07:05:12 pm
por arthusu
[JavaScript][MEDIO] Destello de colores sobre los enlaces

Iniciado por ANTRAX

Respuestas: 3
Vistas: 1697
Último mensaje Febrero 02, 2011, 11:47:07 pm
por Satyricon