> Manuales > Manual de JavaScript

Abordamos con detalle las variables en Javascript. Veremos en términos generales qué es una variable en los lenguajes de programación. Luego veremos cómo funcionan las variables específicamente en el lenguaje Javascript.

Este es el primero de los artículos que vamos a dedicar a las variables en Javascript dentro del 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 así como en la mayoría de los lenguajes de programación existentes.

Comencemos entonces conociendo el concepto de variable y aprenderemos a declararlas en Javascript, junto con explicaciones detalladas sobre su uso en el lenguaje.

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. Podemos pensar en ella como una caja, donde almacenamos un dato. Esa caja tiene un nombre, para que más adelante podamos referirnos a la variable, recuperar el dato así como asignar un valor a la variable siempre que deseemos.

Variables en Javascript

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.

Reglas para el nombrado de variables en Javascript

Los nombres de las variables han de construirse con caracteres alfanuméricos (números y letras), el carácter subrayado o guión bajo (_) y el carácter dólar $. Aparte de esta, hay una serie de reglas adicionales para construir nombres para variables. La más importante es que no pueden comenzar por un carácter numérico. No podemos utilizar caracteres raros como el signo +, un espacio o un signo -. Nombres admitidos para las variables podrían ser:

Edad
paisDeNacimiento
_nombre
$elemento
Otro$_Nombres

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
for
mas-o-menos
pe%pe

Los nombres de variables en Javascript son sensibles a mayúsculas y minúsculas

Recuerda que Javascript es un lenguaje sensible a mayúsculas y minúsculas, por lo que las variables también se afectan por esa distinción. Por lo tanto, no es lo mismo la variable de nombre "minombre" que la variable "miNombre". No es lo mismo "Edad" que "edad".

Ten muy en cuenta este detalle, ya que es una habitual fuente de problemas en el código que a veces son difíciles de detectar. Esto es porque a veces piensas que estás usando una variable, que debería tener un dato determinado, pero si te equivocas al escribirla y pones mayúsculas o minúsculas donde no debería, entonces será otra variable diferente, que no tendrá el dato que se espera. Como Javascript no te obliga a declarar las variables el programa se ejecutará sin producir un error, sin embargo, la ejecución no producirá los efectos deseados.

Declaración de variables en Javascript

Declarar variables consiste en definir, y de paso informar al sistema, que vas a utilizar una variable. Es una costumbre habitual en los lenguajes de programación el especificar explícitamente las variables que se van a usar en los programas. En muchos lenguajes de programación hay unas reglas extrictas a la hora de declarar las variables, pero lo cierto es que Javascript es bastante permisivo.

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 otros lenguajes de programación como Java, C, C# y muchos otros.

Declaración de variables con var

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 hayamos hecho, ya que la declaración o no afecta al ámbito de las variables.
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

Declaración de variables Javascript con let y const

Desde Javascript en versiones modernas (recuerda que Javascript es un estándar y que como tal va evolucionando en el tiempo), en concreto en Javascript en su versión ES6, existen otros modos de declarar variables:

Declaración let: Esta nueva manera de declarar las variables afecta a su ámbito, ya que son locales al bloque donde se están declarando.

Declaración const: En realidad "const" no declara una variable sino una constante, que no puede variar su valor a lo largo de la ejecución de un programa.

Quizás en este punto del manual de Javascript no es necesario profundizar mucho en estos modelos de declaración y a las personas que están aprendiendo les recomendamos centrarse en el uso de las declaraciones con "var". Sin embargo, si quieres tener más información sobre estos nuevos tipos de variables los explicamos en el artículo Let y const: variables en ECMAScript 2015. Si quieres ver otras novedades del estándar de Javascript que vinieron en 2015 te recomendamos la lectura del Manual de ES6.

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

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online Escu...

Manual