Variables en Javascript

  • Por
Vemos en términos generales qué es una variable, para qué sirve y cómo declarar variables en Javascript antes de usarlas.
Este es el primero de los artículos que vamos a dedicar a las variables en el Manual de Javascript. Veremos, si no lo sabemos ya, que las variables son uno de los elementos fundamentales a la hora de realizar los programas, en Javascript y en la mayoría de los lenguajes de programación existentes.

Así pues, en este artículo veremos cuál es el concepto de variable y aprenderemos a declararlas en Javascript.

Concepto de variable

Una variable es un espacio en memoria donde se almacena un dato, un espacio donde podemos guardar cualquier tipo de información que necesitemos para realizar las acciones de nuestros programas. Por ejemplo, si nuestro programa realiza sumas, será muy normal que guardemos en variables los distintos sumandos que participan en la operación y el resultado de la suma. El efecto sería algo parecido a esto.

sumando1 = 23
sumando2 = 33
suma = sumando1 + sumando2


En este ejemplo tenemos tres variables, sumando1, sumando2 y suma, donde guardamos el resultado. Vemos que su uso para nosotros es como si tuviésemos un apartado donde guardar un dato y que se pueden acceder a ellos con sólo poner su nombre.

Los nombres de las variables han de construirse con caracteres alfanuméricos y el carácter subrayado (_). Aparte de esta, hay una serie de reglas adicionales para construir nombres para variables. La más importante es que tienen que comenzar por un carácter alfabético o el subrayado. No podemos utilizar caracteres raros como el signo +, un espacio o un $. Nombres admitidos para las variables podrían ser

Edad
paisDeNacimiento
_nombre

También hay que evitar utilizar nombres reservados como variables, por ejemplo no podremos llamar a nuestra variable palabras como return o for, que ya veremos que son utilizadas para estructuras del propio lenguaje. Veamos ahora algunos nombres de variables que no está permitido utilizar

12meses
tu nombre
return
pe%pe

Declaración de variables en Javascript

Declarar variables consiste en definir y de paso informar al sistema de que vas a utilizar una variable. Es una costumbre habitual en los lenguajes de programación el definir las variables que se van a usar en los programas y para ello, se siguen unas reglas estrictas. Pero Javascript se salta muchas reglas por ser un lenguaje un tanto libre a la hora de programar y uno de los casos en los que otorga un poco de libertad es a la hora de declarar las variables, ya que no estamos obligados a hacerlo, al contrario de lo que pasa en la mayoría de los lenguajes de programación.

Javascript cuenta con la palabra "var" que utilizaremos cuando queramos declarar una o varias variables. Como es lógico, se utiliza esa palabra para definir la variable antes de utilizarla.

Nota: Aunque Javascript no nos obligue a declarar explícitamente las variables, es aconsejable declararlas antes de utilizarlas y veremos en adelante que se trata también de una buena costumbre. Además, en sucesivos artículos veremos que en algunos casos especiales, no producirá exactamente los mismos resultados un script en el que hemos declarado una variable y otro en el que no lo hagamos.

var operando1
var operando2


También se puede asignar un valor a la variable cuando se está declarando

var operando1 = 23
var operando2 = 33


También se permite declarar varias variables en la misma línea, siempre que se separen por comas.

var operando1,operando2

Si lo deseas, puedes ver un ejemplo de página que declara variables Javascript.

En el siguiente artículo seguiremos aprendiendo cosas de variables y veremos uno de los conceptos más importantes que deberemos aprender sobre ellas, el ámbito de las variables.

Autor

Miguel Angel Álvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Prof.Morales

11/4/2010
Sobre tutorial Javascript
Mi nombre es Helson Morales y soy profesor en colegio en P.R. y he encontrado de lo mas interesante y completo su tutoria sobre el javascript, quisiera saber si puedo utilizar algunos ejemplos de uds. en mi blog interno de nuestro colegio, claro siempre apuntado a que uds. son los autores para que esto pueda tener un campo mas amplio sobre este magnifico lenguaje.

Sin ningun otro particular quedo.

Gracias.

midesweb

27/9/2010
Utilizar estos materiales sobre javascript
Estimado Prof.Morales,

Estas solicitudes para utilizar los materiales de DesarrolloWeb.com las tiene que hacer llegar a través de los formularios de contacto del sitio.
Gracias!

Noé

13/11/2010
Destacable
ey muchas gracias por la informacion ... me sirvio mucho para mis tareas...me gustaria que extendieras mas tu pagina con mas temas sobre HTML y JavaScript...

celojan

17/8/2011
Pregunta
Un coordial saludo a todos los mienbros de la comunidad. Aun soy novato en javascript. Tengo un pequeño codigo que deseo que alguien me explique que tipo de variable es.

var webserver = {
init: function() {
.
.
.

},

led_submit: function(e) {
.
.
.
},

switch_submit: function(e) {
.
.
.
.
},

toggle_led_display: function() {
.
.
.

},

toggle_switch_display: function() {
.
.
.
},

led_callback: {
.
.
.
},

switch_callback: {
.
.
.

},

failure: function(o) {
alert('......');
},

timeout: 10000
}
};

Bueno pues no he incluido las lineas de código, solo la estructura.

Pues desde ya les agradezco sus aportes. Un buen día.

cesar_guillen-562709

23/5/2012
Variable por Valor, Referencia
Buen dia. Estoy investigando como utilizar google maps y el codigo es puro javascript. Con una de mis primeras practicas queria dibujar 10 puntos en el mapa con ventanas de informacion para cada punto. Tuve el problema de que todas las 10 ventanas contienen exactamente la misma informacion de la ultima asignacion que obtiene la variable. Osea que todos los 10 puntos del mapa apuntan a la informacion del ultimo punto numero 10 dibujado.

Necesito saber como hacer que mi variable infowindowA, obtenga valores byval y NO por referencia. Adjunto parte del codigo.

Saludos !!!


for (i=0;i<=10; i++){

randomLAT=Math.floor(Math.random()*1298)+1;
randomLNG=Math.floor(Math.random()*1298)+1;

randomLAT=9+randomLAT/1000;
randomLNG=-83.3+randomLNG/1000;

latlng = new google.maps.LatLng(randomLAT , randomLNG );

newmarker = new google.maps.Marker({position: latlng,
title: "Cliente # " + i, icon:'PuntoVerde.png',draggable:true,});

var contentStringX='<div>Latitud: '+randomLAT+ '<br/>Longitud: ' +randomLNG + '<br/> Cliente NUM: ' + i +'</div>';

var infowindowA = new google.maps.InfoWindow({
content: contentStringX
});

google.maps.event.addListener(newmarker, 'click', function() {
infowindowA.open(map,newmarker);});

newmarker.setMap(map);

}